对于一些Angularjs随笔

来源:互联网 发布:qq飞车终极迈凯轮数据 编辑:程序博客网 时间:2024/05/17 05:14

AngularJS 模块(Module 定义了 AngularJS 应用。

AngularJS 控制器(Controller 用于控制 AngularJS 应用。

------

1 ng 的一些指令

首先ng-app ,  指定div元素为 ng所有者

ng-model   将输入数值绑定到 $scope的属性值中

{{ }}相当于把属性的值放入标签中,相当于js innerhtml

 也可以使用ng-blind

ng-init可以使用初始化数据,可以定义数组,数字,jason对象,字符串

ng-repeat相当于js for in 遍历。。

举例 <li ng-repeat="x in names">{{ x }}</li>

.directive 函数来添加自定义的指令

l例如

app.directive("runoobDirective", function() {

    return {

        template : "<h1>自定义指令!</h1>"

    };

});

双向绑定

ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定


AngularJS 应用程序由 ng-app 定义。应用程序在 <div> 内运行。

ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。

myCtrl 函数是一个 JavaScript 函数。

AngularJS 使用$scope 对象来调用控制器。

 AngularJS 中, $scope 是一个应用对象(属于应用变量和函数)

控制器的 $scope (相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。

<li ng-repeat="x in names | filter:test | orderBy:'country'">

通过管道指令进行筛选

app.filter('reverse', function() { //可以注入依赖

    return function(text) {

        return text.split("").reverse().join("");

    }

});

 AngularJS 中,服务是一个函数或对象


0 0
原创粉丝点击