1. 模块(Module)
创建模块
var app = angular.module('myApp', []);
2. 控制器(Controller)
定义控制器
app.controller('myCtrl', function ($scope) {
// 控制器逻辑
});
3. 表达式(Expression)
在视图中使用表达式
{{ expression }}
4. 指令(Directive)
ng-model
<input type="text" ng-model="name">
ng-repeat
<ul>
<li ng-repeat="item in items">{{ item }}</li>
</ul>
5. 依赖注入(Dependency Injection)
在控制器中注入服务
app.controller('myCtrl', function ($scope, myService) {
// 使用 myService
});
6. 服务(Service)
定义服务
app.service('myService', function () {
this.someMethod = function () {
// 服务逻辑
};
});
7. 路由(Routing)
配置路由
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/home.html',
controller: 'HomeController'
})
.otherwise({
redirectTo: '/'
});
});
8. 模板(Template)
在 HTML 文件中定义模板
<!-- home.html -->
<h2>{{ message }}</h2>
9. ng-click
处理点击事件
<button ng-click="doSomething()">Click me</button>
这仅仅是一个简要的 AngularJS 参考手册,你可以在实际开发中进一步深入学习和使用这些概念。请注意,由于 AngularJS 已经进入维护模式,建议使用更现代的 Angular 版本进行开发。
转载请注明出处:http://www.pingtaimeng.com/article/detail/4878/Angular