首页 > 代码库 > angularjs1- ng-include
angularjs1- ng-include
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="../angular.min.js"></script> <style> .red{ background:red;} .yellow{ background:yellow;} </style> </head> <body> <div ng-app="myApp"> <div ng-controller="firstController"> <div ng-bind="text"></div> <div ng-include="url"></div> </div> </div> <script type="text/javascript"> var app = angular.module(‘myApp‘,[]); app.controller(‘firstController‘,[‘$scope‘,‘$interval‘,function($scope,$interval){ //$scope.text = ‘<h1>hello</h1>‘; $scope.text = ‘hello‘; $scope.url = ‘test.html‘; }]); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="../angular.min.js"></script> <style> .red{ background:red;} .yellow{ background:yellow;} </style> </head> <body> <div ng-app="myApp"> <div ng-controller="firstController"> <div ng-bind="text"></div> <div ng-include="url"></div> <div ng-include="tpl"></div> <div ng-include src="tpl2"></div> </div> //以script方式引入模版 <script type="text/ng-template" id="tpl.html"> Content of the template.111111111111 </script> <script type="text/ng-template" id="tpl2.html"> Content of the template.2222222222 </script> </div> <script type="text/javascript"> var app = angular.module(‘myApp‘,[]); app.controller(‘firstController‘,[‘$scope‘,‘$interval‘,function($scope,$interval){ //$scope.text = ‘<h1>hello</h1>‘; $scope.text = ‘hello‘; $scope.url = ‘test.html‘; $scope.tpl = ‘tpl.html‘; $scope.tpl2 = ‘tpl2.html‘; }]); </script> </body> </html>
angularjs1- ng-include
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。