这篇文章主要给大家介绍了angularjs中ng-attr的用法,文中通过实例代码介绍的很详细，有需要的朋友可以参考借鉴，下面来一起看看吧。
前言
html中的属性很多，同样可以使用angularjs来定义：
ng-attr-(suffix)=只能使用变量定义
<div title="angularjs中的title">title</div><div>title</div><!--这样写显示不出来标题--><div>title</div><!--这样写显示不出来标题--><div>title</div><!--只能使用变量定义-->
angular.module('myApp',[]) .controller('myCtrl',['$scope',function($scope){ $scope.titleStr = "angularjs中的title"; }]);
ng-bind中使用字符可以将文字显示出来
<span ng-bind="'angularjs中的title'" ;<pre></div><p><span style="color: #ff0000"><strong>用法实例代码：</strong></span></p><div class="gaodaimacode"><pre class="prettyprint linenums"> <title>ng-attr-(suffix)的用法</title> <div> <p>1.正确做法：</p> （如：checkbox，radio，button，submit...） <br><br> 我将随着输入的值变化：</div><div style="margin-top: 20px"> <p>2.错误做法：cx="{{ cx }}"</p><p>这里的错误做法，并非真正的错误做法，只是有时浏览器会对属性会进行很苛刻的限制，所以不建议这样做。比如svg</p><div style="border: 1px solid red;width: 200px;height: 200px"> 这里浏览器会报错 </div> 改为：ng-attr-cx="{{ cx }}" <div style="border: 1px solid green;width: 200px;height: 200px"> 这里不会报错 </div></div>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
以上就是ang来源gaodai$ma#com搞$$代**码网ularjs中ng-attr的用法详解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：angularjs中ng-attr的用法详解
转载请注明原文链接：angularjs中ng-attr的用法详解
