Angular
GAMELOFT9
读万卷书,行万里路,知行合一。
展开
-
Angular路由:ui-router
UI-RouterUI-Router是Angular-UI提供的客户端路由框架,它解决了原生的ng-route的很多不足:视图不能嵌套。这意味着$scope会发生不必要的重新载入。这也是我们在Onboard中引入ui-route的原因。同一URL下不支持多个视图。这一需求也是常见的:我们希望导航栏用一个视图(和相应的控制器)、内容部分用另一个视图(和相应的控制器)。UI-R原创 2016-08-12 09:27:31 · 906 阅读 · 0 评论 -
AngularJs路由:ngRoute
AngularJs是单页面应用框架,因此如何从一个视图跳转到另外一个视图是至关重要的。随着应用的扩大,我们希望有专门的视图管理功能。AngularJs有专门的路由模块ngRoute来提供视图的切换,将路由、视图和控制器很好的对应了起来。 简单的说,ngRoute模块中的$route服务会监测$location.url()的变化,并将它映射到预先定义的视图和控制器。安装ngRoute模块原创 2016-03-23 16:54:49 · 1716 阅读 · 0 评论 -
Angular自定义指令(初级)
对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能。Angular包含丰富的指令,同时也允许我们创建自定义的指令。创建指令需要用到directive()方法,语法如下所示:angular.application('myApp', []) .directive('myDirective', function() {// 返回指令定义对象原创 2016-03-10 16:11:58 · 1197 阅读 · 2 评论 -
Angular自定义指令(进阶)
现在我们定义了一个专门用于显示客户信息的指令,客户信息包含“姓名”,“电话号码”,指令定义如下:var myApp = angular.module('app', []);myApp.controller("customerCtl", function ($scope) { $scope.customer1={//定义了一个用户 name:"GAMELoft9",原创 2016-03-16 10:38:38 · 4309 阅读 · 0 评论