> For the complete documentation index, see [llms.txt](https://xiaoxiami.gitbook.io/angularjs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xiaoxiami.gitbook.io/angularjs/zhi_ling/angular_zi_ding_yi_zhi_ling/templateurlshu_xing.md).
# templateUrl属性
* templateUrl:加载模版所要使用的URL
* 可以加载当前模板内对应的的text/ng-template script id
* 在使用chrome浏览器时，"同源策略"会阻止chrome从file://中加载模版，并显示一个"Access-Control-Allow-Origin" 不允许源为null , 可以把项目放在服务器上加载，或者给Chrome设置一个标志，命令为:chrome —allow-file-access-from-files
**例子：**
index.html
```markup
```
app/idnex.js
```javascript
var myApp = angular.module('myApp', [])
.directive('customTags', function () {
return {
restrict: 'ECAM',
templateUrl: 'tmp/other.html',
replace: true
}
})
.directive('customTags2', function () {
return {
restrict: 'ECAM',
templateUrl: 'customTags2',
replace: true
}
})
.controller('firstController', ['$scope', function ($scope) {
$scope.name = '张三';
}]);
```
tmp/other.html
```markup
{{name}}
```