[angular] - angular中的指令及理解

http://www.runoob.com/angularjs/angularjs-directives.html

理解：

• angular先载入html片段，在加载到

  与ng-repeat区别：
  ng-repeat 指令是通过数组来循环 HTML 代码来创建下拉列表，但 ng-options 指令更适合创建下拉列表，优势：
  使用 ng-options 的选项的一个对象， ng-repeat 是一个字符串。

  
    {{x}}
  
  

  举例：

  $scope.sites = [ {site : "Google", url : "http://www.google.com"}, 
  {site : "Runoob", url : "http://www.runoob.com"},
  {site : "Taobao", url : "http://www.taobao.com"}];
  

  1、

  
  
  你选择的是: {{selectedSite}}
  

  ![IJ4)16}[email protected]
  http://www.runoob.com/try/try.php?filename=try_ng_select_selected

  2、

  
    {{x.site}}
    
  
  你选择的是: {{selectedSite}}
  

  五、ng-bind-html

  通一个安全的方式将内容绑定到 HTML 元素上
  引用：
  

  
  js代码：
  var app = angular.module("myApp", ['ngSanitize']); app.controller("myCtrl", function($scope) { $scope.myText = "My name is:

  John Doe

  "; });

  *、指令

  ![R%KXB9N(}0AS4BQTMN]1TEF.png](http://upload-images.jianshu.io/upload_images/2452733-3cb24291ac9436aa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  

  Paste_Image.png

  [图片上传失败...(image-b94990-1565666536336)]

  五、事件

  

  Paste_Image.png

  六、属性验证

  

  Paste_Image.png

  [参考手册]
  http://www.runoob.com/angularjs/angularjs-reference.html