写在前面
有时我们需要动态的创建一些标签,或者在收到服务端返回的json,创建一些标签然后找到页面上的元素,通过innerHTML写入到页面上面。angularjs也为我们提供了一种比较方便操作方式,ng-include。
ng-include:可以在html中包含html文件。
一个例子
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../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包含的页面需要加上单引号。
结果
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦