码迷,mamicode.com
首页 > Web开发 > 详细

angularjs 1.3 综合学习 (one way bind , ng-if , ng-switch , ng-form ,ng-model , ng-message)

时间:2015-02-25 10:20:02      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:

主要讲解1.3后的一些新功能,和一些以前没有介绍的小功能 (ng-if,ng-switch).

 

1.one way bind 

 这个之前的版本已经有人自己实现了,但是在1.3之后,angularjs 有自带的了。用法极其简单 . 

<div ng-app="app" ng-controller="ctrl">
    {{ ::value }}
</div>
<script src="../../js/Stooges.js"></script>
<script src="../../js/ng-1.3.10/angular.js"></script>
<script>
    var app = angular.module("app", []);
    app.controller("ctrl", ["$scope", "$timeout", function ($scope, $timeout) {
        $scope.value = "keatkeat";
        $timeout(function () {
            $scope.value = "xinyao";
        },2000);
    }]);
</script>

看到吗 ?只是把从前的 {{ value }} 改成 {{ ::value }} . 加了 :: 就表示这个值只是要单向绑定,之后$scope改变了也不会在同步到模板了。

 

angularjs 1.3 综合学习 (one way bind , ng-if , ng-switch , ng-form ,ng-model , ng-message)

标签:

原文地址:http://www.cnblogs.com/keatkeat/p/4299191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!