让我们来构建一个程序组件(Component)Angular2的应用是由一系列的组件构成的(uielement、route..),应用始终有一个包含其他组件的根组件,换句话每个angualr2应用都有一个组件树,这个应用程序可能是这样的:Application是一个根组件,Filters组件具有speaker输入框和过滤按钮..
分类:
其他好文 时间:
2015-12-24 00:52:09
阅读次数:
244
对于angular js还有其强大之处,可以利用angular js的指令来自定义许多标签。下面是一个实例:自定一个名为hello标签,视图如下: 编写控制器代码: 这样网页运行输出:hello,你好!!
分类:
Web程序 时间:
2015-12-23 15:50:33
阅读次数:
122
启动下面解释了AngularJS是如何运行下面Html的(用一张图和一个例子来解释):浏览器载入HTML,然后把它解析成DOM。浏览器载入angular.js脚本。AngularJS等到DOMContentLoaded事件触发。AngularJS寻找ng-app指令,这个指令指示了应用的边界。使用n...
分类:
Web程序 时间:
2015-12-23 12:48:35
阅读次数:
144
监控对象属性:$watch和$digest$watch和$digest是相辅相成的。两者一起,构成了Angular作用域的核心:数据变化的响应。如果你学习过WPF,并基于WPF使用过一些MVVM框架,那你一定知道 INotifyPropertyChanged 这个接口,实现这个借口会让我们的对象在数...
分类:
Web程序 时间:
2015-12-23 12:42:12
阅读次数:
299
前面的文章介绍了很多angular自带的指令,下面我们看看如何使用directive自定义指令。先看一个例子: 1:我们定义了一个my-hello的指令。2:使用directive完善这个指令,返回一个对象。有三个值: a) :restrict共四个值:E:标签指令,C:class指令,M:...
分类:
其他好文 时间:
2015-12-21 21:31:30
阅读次数:
214
1.angular特色数据双向绑定模块化 var myapp=angular.module...控制器 myapp.controller(){}2.bootstrap特色栅格结构 css架构可以做:导航条下拉框标签切换轮播图弹出框等等。http://v3.bootcss.com/components...
分类:
Web程序 时间:
2015-12-21 14:15:01
阅读次数:
140
Angualr 1.4:.directive('counter', function counter() { return { scope: {}, restrict: 'EA', transclude: true, bindToController: { cou...
分类:
Web程序 时间:
2015-12-21 07:03:46
阅读次数:
239
angular-ui-tree的github项目地址:https://github.com/angular-ui-tree/angular-ui-tree DEMO目录结构如下:bootstrap.css为3.0以上app.css内容.btn { margin-right: 8px;}.angula...
分类:
其他好文 时间:
2015-12-18 18:13:38
阅读次数:
342
}). error(function(data, status, headers, config) { }); }; $scope.$watch('content', function(newVal, oldVal) { if (angular.isDefin...
分类:
其他好文 时间:
2015-12-18 14:45:01
阅读次数:
110