angularJs

2017-12-30

##新手学习Angularjs之二：ng-bind、ng-model、大括号的区别

ng-model：用于双向绑定，所以一般用于前台可输入的控件，如input。

ng-bind：只用于前台展示，所以一般和div结合使用。

双大括号：其基本作用类似ng-bind，但不同的是，在angularjs未加载完成时，由于页面未解释，所以很有可能客户会> * 看到大括号，所以一般
｛{uname}｝
这样使用，这样可使页面先不加载大括号，待全部加载完成后再解释执行。除此之外，还有一个用法，就是动态改变页面元素的class,使用方式如下：
｛{uname}｝
。

###ng-modole使用

<!doctype html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div ng-controller="myCtrl">
    名：<input type="text" ng-model="firstName"><br>
    姓：<input type="text" ng-model="lastName"><br>
</div>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"> </script>
<script type="text/javascript">
   function myCtrl($scope){
       $scope.firstName="请输入姓";
       $scope.lastName="请输入名";
   }
</script>
</body>
</html>

展开全文 >>

Hello World

2017-12-28

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1	$ hexo new "My New Post"

More info: Writing

Run server

1	$ hexo server

More info: Server

Generate static files

1	$ hexo generate

More info: Generating

Deploy to remote sites

1	$ hexo deploy

More info: Deployment

展开全文 >>