AngularJS中的内置指令-创新互联

`something`

    



    
        
`something`
    

    



    
        
            
index:{{$index}}
            
isFirst?{{$first}}
            
isMiddle?{{$middle}}
            
isLast?{{$last}}
        
    

   使用ng-include加载另一页面到当前页面，浏览器会提示错误。使用ng-include指令的时候，会用到AJAX请求XMLHttpRequest。但是我们是直接用浏览器打开的当前网页，并没有通过web容器访问，所以存在跨域访问问题，加载http://www.scut.edu.cn/jw2005/也就失败了。解决办法很简单：将代码部署到tomcat等web容器下，通过http访问即可。或者使用webstorm，会自动地启动web容器。

事件指令

ng-click，ng-dbclick，ng-mousedown，ng-mouseup，ng-mouseenter，ng-mouseleave，ng-mousemove，ng-over，ng-submit 这些和JavaScript原生的on-系列指令是类似的。

ng-change：

    



    
        
        
        
`anything`
    
    
    
    angular.module('app', [])
        .controller('Controller1', function() {});
    

节点指令

ng-style：

   和HTML的style是一样的。

ng-class：

    ng-class="{className:expression}" 如果expression为true，则使用className这个class。

ng-class-odd：

   多用于表格，单数行的样式。

ng-class-even：

   多用于表格，偶数行的样式。

ng-show：

    ng-show="expression"如果expression为true，则显示。

ng-hide：

    ng-hide="expression"如果expression为true，则隐藏。

ng-switch：

    good
    bad

   如果expression为true，显示good，否则会显示bad。

ng-src：

ng-href：

   类似ng-src。

ng-if：

    类似ng-show。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。