Angular.js学习一

最新推荐文章于 2025-05-16 03:02:10 发布

ccxuxuxu

最新推荐文章于 2025-05-16 03:02:10 发布

阅读量565

点赞数

CC 4.0 BY-SA版权

文章标签： Angular-js

本文链接：https://blog.youkuaiyun.com/hahayikeshu/article/details/51789947

angular 专栏收录该内容

0 篇文章

订阅专栏

本文介绍AngularJS中数据双向绑定的使用方法，并通过一个简单的表单示例展示如何结合Bootstrap进行开发。文章还讨论了{{}

angular.js数据双向绑定：
常用在form表单中：
结合bootstrap写的简单的表单：

在js文件中获取$scope.userInfo,form表单中修改：

{{}}和ng-bind的区别：
在网络加载比较慢的时候，页面上会显示{{}},所以一般这种长经常常用ng-bind:

<!doctype html>
<html ng-app>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
<!--        Your name: <input type="text" ng-model="yourname" placeholder="World">
        <hr>
        Hello {{yourname || 'World'}}!-->
        <div ng-controller="HelloAngular">
            <!--用{{}} 如果加载比较慢，会出现在界面上显示{{}}，所以在
                页面加载比较慢的时候会有问题，这个时候用ng_bind
                <p>{{greeting.text}},Angular</p>
            -->
            <p><span ng-bind="greeting.text"></span>,Angular</p>
        </div>
    </body>
    <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
    <script src="angular_mvc.js"></script>
</html>