AngularJS 世界------AngularJS 指令手册

痛定思痛。 2023-02-08 13:00 19阅读 0赞

AngularJS 内置指令的基本说明

# AngularJS 内置的指令 #

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th>指令名称</th> 
   <th>描述信息</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>ng-app</td> 
   <td>定义应用程序的根元素。</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>ng-bind</td> 
   <td>绑定 HTML 元素到应用程序数据</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>ng-bind-html</td> 
   <td>绑定 HTML 元素的 innerHTML 到应用程序数据，并移除 HTML 字符串中危险字符</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>ng-bind-template</td> 
   <td>规定要使用模板替换的文本内容</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>ng-blur</td> 
   <td>规定blur事件的行为</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>ng-change</td> 
   <td>规定在内容改变时要执行的表达式</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td>ng-checked</td> 
   <td>规定元素是否被选中</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td>ng-class</td> 
   <td>指定 HTML 元素使用的 CSS 类</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td>ng-class-even</td> 
   <td>类似 ng-class，但只在偶数行起作用</td> 
  </tr> 
  <tr> 
   <td>10</td> 
   <td>ng-class-odd</td> 
   <td>类似 ng-class，但只在奇数行起作用</td> 
  </tr> 
  <tr> 
   <td>11</td> 
   <td>ng-click</td> 
   <td>定义元素被点击时的行为</td> 
  </tr> 
  <tr> 
   <td>12</td> 
   <td>ng-cloak</td> 
   <td>在应用正要加载时防止其闪烁</td> 
  </tr> 
  <tr> 
   <td>13</td> 
   <td>ng-controller</td> 
   <td>定义应用的控制器对象</td> 
  </tr> 
  <tr> 
   <td>14</td> 
   <td>ng-copy</td> 
   <td>规定拷贝事件的行为</td> 
  </tr> 
  <tr> 
   <td>15</td> 
   <td>ng-csp</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>16</td> 
   <td>ng-cut</td> 
   <td>规定剪切事件的行为</td> 
  </tr> 
  <tr> 
   <td>17</td> 
   <td>ng-dblclick</td> 
   <td>规定双击事件的行为</td> 
  </tr> 
  <tr> 
   <td>18</td> 
   <td>ng-disabled</td> 
   <td>规定一个元素是否被禁用</td> 
  </tr> 
  <tr> 
   <td>19</td> 
   <td>ng-focus</td> 
   <td>规定聚焦事件的行为</td> 
  </tr> 
  <tr> 
   <td>20</td> 
   <td>ng-form</td> 
   <td>指定 HTML 表单继承控制器表单</td> 
  </tr> 
  <tr> 
   <td>21</td> 
   <td>ng-hide</td> 
   <td>隐藏或显示 HTML 元素</td> 
  </tr> 
  <tr> 
   <td>22</td> 
   <td>ng-href</td> 
   <td>为 the 元素指定链接</td> 
  </tr> 
  <tr> 
   <td>23</td> 
   <td>ng-if</td> 
   <td>如果条件为 false 移除 HTML 元素</td> 
  </tr> 
  <tr> 
   <td>24</td> 
   <td>ng-include</td> 
   <td>在应用中包含 HTML 文件</td> 
  </tr> 
  <tr> 
   <td>25</td> 
   <td>ng-init</td> 
   <td>定义应用的初始化值</td> 
  </tr> 
  <tr> 
   <td>26</td> 
   <td>ng-jq</td> 
   <td>定义应用必须使用到的库，如：jQuery</td> 
  </tr> 
  <tr> 
   <td>27</td> 
   <td>ng-keydown</td> 
   <td>规定按下按键事件的行为</td> 
  </tr> 
  <tr> 
   <td>28</td> 
   <td>ng-keypress</td> 
   <td>规定按下按键事件的行为</td> 
  </tr> 
  <tr> 
   <td>29</td> 
   <td>ng-keyup</td> 
   <td>规定松开按键事件的行为</td> 
  </tr> 
  <tr> 
   <td>30</td> 
   <td>ng-list</td> 
   <td>将文本转换为列表 (数组)</td> 
  </tr> 
  <tr> 
   <td>31</td> 
   <td>ng-model</td> 
   <td>绑定 HTML 控制器的值到应用数据</td> 
  </tr> 
  <tr> 
   <td>32</td> 
   <td>ng-model-options</td> 
   <td>规定如何更新模型</td> 
  </tr> 
  <tr> 
   <td>33</td> 
   <td>ng-mousedown</td> 
   <td>规定按下鼠标按键时的行为</td> 
  </tr> 
  <tr> 
   <td>34</td> 
   <td>ng-mouseenter</td> 
   <td>规定鼠标指针穿过元素时的行为</td> 
  </tr> 
  <tr> 
   <td>35</td> 
   <td>ng-mouseleave</td> 
   <td>规定鼠标指针离开元素时的行为</td> 
  </tr> 
  <tr> 
   <td>36</td> 
   <td>ng-mousemove</td> 
   <td>规定鼠标指针在指定的元素中移动时的行为</td> 
  </tr> 
  <tr> 
   <td>37</td> 
   <td>ng-mouseover</td> 
   <td>规定鼠标指针位于元素上方时的行为</td> 
  </tr> 
  <tr> 
   <td>38</td> 
   <td>ng-mouseup</td> 
   <td>规定当在元素上松开鼠标按钮时的行为</td> 
  </tr> 
  <tr> 
   <td>39</td> 
   <td>ng-non-bindable</td> 
   <td>规定元素或子元素不能绑定数据</td> 
  </tr> 
  <tr> 
   <td>40</td> 
   <td>ng-open</td> 
   <td>指定元素的 open 属性</td> 
  </tr> 
  <tr> 
   <td>41</td> 
   <td>ng-options</td> 
   <td>在 列表中指定 </td> 
  </tr> 
  <tr> 
   <td>42</td> 
   <td>ng-paste</td> 
   <td>规定粘贴事件的行为</td> 
  </tr> 
  <tr> 
   <td>43</td> 
   <td>ng-pluralize</td> 
   <td>根据本地化规则显示信息</td> 
  </tr> 
  <tr> 
   <td>44</td> 
   <td>ng-readonly</td> 
   <td>指定元素的 readonly 属性</td> 
  </tr> 
  <tr> 
   <td>45</td> 
   <td>ng-repeat</td> 
   <td>定义集合中每项数据的模板</td> 
  </tr> 
  <tr> 
   <td>46</td> 
   <td>ng-selected</td> 
   <td>指定元素的 selected 属性</td> 
  </tr> 
  <tr> 
   <td>47</td> 
   <td>ng-show</td> 
   <td>显示或隐藏 HTML 元素</td> 
  </tr> 
  <tr> 
   <td>48</td> 
   <td>ng-src</td> 
   <td>指定 元素的 src 属性</td> 
  </tr> 
  <tr> 
   <td>49</td> 
   <td>ng-srcset</td> 
   <td>指定 元素的 srcset 属性</td> 
  </tr> 
  <tr> 
   <td>50</td> 
   <td>ng-style</td> 
   <td>指定元素的 style 属性</td> 
  </tr> 
  <tr> 
   <td>51</td> 
   <td>ng-submit</td> 
   <td>规定 onsubmit 事件发生时执行的表达式</td> 
  </tr> 
  <tr> 
   <td>52</td> 
   <td>ng-switch</td> 
   <td>规定显示或隐藏子元素的条件</td> 
  </tr> 
  <tr> 
   <td>53</td> 
   <td>ng-transclude</td> 
   <td>规定填充的目标位置</td> 
  </tr> 
  <tr> 
   <td>54</td> 
   <td>ng-value</td> 
   <td>规定 input 元素的值</td> 
  </tr> 
 </tbody> 
</table>