你的位置:首页 > 软件开发 > Java > angularjs下拉框实现渲染html

angularjs下拉框实现渲染html

发布时间:2017-06-19 00:00:25
angualrjs处于安全的考虑,插值 指令会对相应字符串进行过滤,避免出现html攻击。但是在一些时候,我们需要渲染html,比如实现一个分级的下拉框,代码如下: 1 <body ng-app="app" ng-controller="con ...

   angualrjs处于安全的考虑,插值 指令会对相应字符串进行过滤,避免出现html攻击。但是在一些时候,我们需要渲染html,比如实现一个分级的下拉框,代码如下:

angularjs下拉框实现渲染htmlangularjs下拉框实现渲染html
 1 <body ng-app="app" ng-controller="controller"> 2 <select ng-model="value" ng-options="t.text for t in testList"></select> 3 <script src='/images/loading.gif' data-original="http://www.cnblogs.com//bootstrap/bootstrap/dist/angular-bootstrap/angular.js"></script> 4 <script type="text/javascript"> 5   var app= angular.module("app",[]); 6   app.controller("controller",["$scope",function ($scope) { 7     var testList=[{id:0,text:"&nbsp;&nbsp;全国"},{id:1,text:"&nbsp;北京"},{id:20,text:"&nbsp;&nbsp;&nbsp;上海"},{id:3,text:"&nbsp;&nbsp;福建"},{id:4,text:"&nbsp;&nbsp;山东"}]; 8     $scope.value=20; 9     $scope.testList=testList;10   }]);11 </script>12 </body>

原标题:angularjs下拉框实现渲染html

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。