还得在angular.module里面给放进"ngSanitize"
然后需要把要显示的标签挂在一个变量上，然后设置给ng-bind-html
$scope.text= "<h1>"+$scope.name+"---111</h1>" ng-bind-html=''text“ ng-non-bindable
这个指令可以让表达式不解析
<h3 ng-non-bindable>{{name}}</h3>
ng-include
可以引入一个html代码片段，也需要变量来定义，代码片段里也可以写表达式等
$scope.text='html/a.html'; ng-include='text'
注意，因为其实内部是ajax请求的，所以需要服务器环境下
ng-model-options='{updateOn:'blur'}'
绑定数据在显示的过程中，内部会一直操作节点，性能不好，可以这样配置一下，在某个时刻去更新视图显示的数据就ok
AngularJS
ng-controller
可以用面向对象的思维来写controller
<div ng-controller="myController as myFun">
{{name}}<br>
{{myFun.age}}<br>
{{myFun.sex}}
</div>
myapp.controller("myController",["$scope",myFun])
function myFun($scope){
$scope.name='allen';
this.sex='male'
}
myFun.prototype.age="18"
再来说服务，服务其实已经说了很多了。
angularJS中，服务是用来通过某些功能
$http服务
能进行数据交互
$http({
url:"http://datainfo.duapp.com/shopdata/getclass.php",
method:"get",
params:{}
}).success(function(data){
$scope.dataList=data;
}).error(function(error){
console.log(error)
})
method 代表传递方法 get、post
url 数据接口
params 提交的数据 相当于$.ajax里的data：{}
success 成功回调
error 错误回调
这里要说下JSONP技术
JSONP是解决跨域问题的一种常见方式
跨域问题：因为浏览器有同源策略，所以当不同域间进行数据交互的时候就会出现跨域问题
同源策略：只有在同协议，同域名，同端口的情况下才能进行数据交互
JSONP的原理：可以利用script标签（会使用回调函数来接收数据）的src属性不受同源策略的影响，可以请求到不同域的数据，通过设置回调函
数来接收数据
JSONP是前后端结合的跨域方式：因为前端请求到数据后需要在回调函数中使用，所以后端得将数据放回到回调函数中