菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.net/angular.js/1.6.6/angular.min.js"></script> 
</head>
<body ng-app="docsTemplateUrlDirective">
	
  <div ng-controller="Controller">
  <div my-customer type="name"></div>
  <div my-customer type="address"></div>
</div>

<script>
angular.module('docsTemplateUrlDirective', [])
.controller('Controller', ['$scope', function($scope) {
  $scope.customer = {
    name: 'Naomi',
    address: '1600 Amphitheatre'
  };
}])
.directive('myCustomer', function() {
  return {
    templateUrl: function(elem, attr) {
      return 'customer-' + attr.type + '.html';
    }
  };
});
</script>

</body>
</html>
              