写在前面
有时我们需要动态的创建一些标签,或者在收到服务端返回的json,创建一些标签然后找到页面上的元素,通过innerHTML写入到页面上面。angularjs也为我们提供了一种比较方便操作方式,ng-include。
ng-include:可以在html中包含html文件。
一个例子
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="../Scripts/angular.min.js"></script>
<script>
var app = angular.module('myapp', []);
app.controller("myCtrl", function ($scope) { //控制器 }); </script></head><body>
<div ng-controller="myCtrl">
<div ng-include="'test.html'"></div>
</div></body></html>
test.html
<h1> 这是个内容页面</h1>
注意
ng-include包含的页面需要加上单引号。
结果