Question

我的应用程序中有一个预先输入组件，如下所示

<body ng-app="myApp">
   <div ng-controller="ProductsCtrl">
      <input type="text" ng-model="name" />

      <div ng-controller="TypeaheadCtrl">
         <input type="text" ng-model="product"
                typeahead="product as (product.description) for product in fetchProduct($viewValue)" />
      </div>
   </div>
</body>

由于我将在应用程序的不同部分使用产品typeahead组件，因此我将fetchProduct函数放入一个单独的控制器中。但是，我需要定义＆＃34; TypeaheadCtrl＆＃34;每次我想使用它时都与组件一起使用。

我可以创建如下所示的指令来封装组件吗？

<body ng-app="myApp">
   <div ng-controller="ProductsCtrl">
      <input type="text" ng-model="name" />

      <div ng-controller="TypeaheadCtrl">
         <input type="text" ng-model="product" product-typeahead />
      </div>
   </div>
</body>

Typeahead组件AngularJS

0 个答案: