angularjs下拉框实现渲染html

　　　angualrjs处于安全的考虑，插值指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染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="/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>

View Code