在另一个指令中使用指令

Question

我为SVG图标创建指令。现在我想在另一个指令中使用这个icon指令。

图标指示：

<icon p="shopping-add"></icon>

我想要这样的事情：

app.directive("product", function() {
  return {
      restrict : "E",
      require: 'ngModel',
      scope:{
        ngModel:"="
      },
      template : '<div><icon p="iconName"></icon></div>'
  };
});

我如何创建嵌套指令？

Answer 1

尝试这样。

＆＃13;

＆＃13;

user/$user_id/changing_wager

＆＃13;

var app = angular
  .module('MyApp', [
  ])
.controller('Main', ['$scope', function ($scope) { 

}])
.directive("product", function() {
  return {
      restrict : "E",
      template : '<div><icon image="https://lh6.googleusercontent.com/-s85bDKtYHLk/AAAAAAAAAAI/AAAAAAAAAVI/SSfL19tTusw/photo.jpg?sz=32"></icon></div>'
  };
})
.directive("icon", function() {
  return {
      restrict : "AE",
      scope :{
        image:'@'
      },
      template : '<img src="{{image}}" />'
  };
});

＆＃13;

＆＃13;

＆＃13;