[angularjs] angularjs系列笔记七HTML DOM

AngularJs

ng-disabled

ng-disabled

ng-show

ng-show 

ng-hide

<div class="cnblogs_code">

    
  <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;div </span><span style="color: #ff0000;"&gt;ng-controller</span><span style="color: #0000ff;"&gt;="ngDisabledTest"</span><span style="color: #0000ff;"&gt;></span><span style="color: #000000;"&gt;
    测试ng-disabled指令
    </span><span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;button </span><span style="color: #ff0000;"&gt;ng-disabled</span><span style="color: #0000ff;"&gt;="mySwitch"</span> <span style="color: #0000ff;"&gt;></span>点击<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;button</span><span style="color: #0000ff;"&gt;></span>
    <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="checkbox"</span><span style="color: #ff0000;"&gt; ng-model</span><span style="color: #0000ff;"&gt;="mySwitch"</span><span style="color: #0000ff;"&gt;/></span><span style="color: #000000;"&gt;切换
  </span><span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;div</span><span style="color: #0000ff;"&gt;></span>

  <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;div </span><span style="color: #ff0000;"&gt;ng-controller</span><span style="color: #0000ff;"&gt;="ngShowTest"</span><span style="color: #0000ff;"&gt;></span><span style="color: #000000;"&gt;
    测试ng-show指令
    </span><span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;p </span><span style="color: #ff0000;"&gt;ng-show</span><span style="color: #0000ff;"&gt;="true"</span><span style="color: #0000ff;"&gt;></span>可见<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;p</span><span style="color: #0000ff;"&gt;></span>
    <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;p </span><span style="color: #ff0000;"&gt;ng-show</span><span style="color: #0000ff;"&gt;="false"</span><span style="color: #0000ff;"&gt;></span>不可见<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;p</span><span style="color: #0000ff;"&gt;></span>
  <span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;div</span><span style="color: #0000ff;"&gt;></span>
<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;div</span><span style="color: #0000ff;"&gt;></span>
<span style="color: #0000ff;"></<span style="color: #800000;">body<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">script <span style="color: #ff0000;">type<span style="color: #0000ff;">="text/javascript"<span style="color: #0000ff;">>

<span style="background-color: #f5f5f5; color: #008000;">//<span style="background-color: #f5f5f5; color: #008000;">实例化应用对象，参数：模块名，空数组

<span style="background-color: #f5f5f5; color: #0000ff;">var<span style="background-color: #f5f5f5; color: #000000;"> app<span style="background-color: #f5f5f5; color: #000000;">=<span style="background-color: #f5f5f5; color: #000000;">angular.module(<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">Home<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">,[]);

app.controller(<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">ngDisabledTest<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">,<span style="background-color: #f5f5f5; color: #0000ff;">function<span style="background-color: #f5f5f5; color: #000000;">(){})

app.controller(<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">ngShowTest<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">,<span style="background-color: #f5f5f5; color: #0000ff;">function<span style="background-color: #f5f5f5; color: #000000;">(){})

<span style="color: #0000ff;"></<span style="color: #800000;">script<span style="color: #0000ff;">>