在控制器函数中排列的角度指令模板

Posted 2023-02-22

【中文标题】在控制器函数中排列的角度指令模板

【英文标题】：Angular Directive template to array in a controller function

【发布时间】：2017-08-06 18:21:35

【问题描述】：

这里是指令

directives.directive("unitDirective", function()
  return 
    templateUrl: "../html/directives/unitDir.html"
  
);

这是模板

<div ng-repeat="unit in addUnit()">
  <label class="item item-input">
    <span class="input-label">Unit unit+1</span>
    <input type="number" placeholder="enter estimated monthly rent" ng-model="units.price[$index]">
  </label>
  </div>

这是我希望按钮所在的位置

<ion-view>
  <ion-content>

    <unit-directive></unit-directive>
    <button class="button buttomn-assertive">Confirm</button>

  </ion-content>
</ion-view>

这是我的控制器：

controllers.controller("unitsCtrl", function($scope, $stateParams)

    $scope.units = 
        price: [1,2]
    
    $scope.addUnit = function()
      var dummyArray = [];
      for(var i =0; i < $stateParams.units; i++)
        dummyArray[i] = i;
      
      return dummyArray;
    ;

    $scope.calculate= function()

      //how do I access the array of units prices here?
    

  );

基本上，我使用 cordovadialog 插件来询问他们想要创建多少个单元，然后我用提供的数字制作了一个虚拟数组并将其用于 ng-repeat。现在，我必须接受所有输入并将它们存储在一个数组中，我被卡住了。 任何其他可能重复的问题、解决方案或文档/教程的一般方向将不胜感激。

【参考方案1】：

修好了！！我没有将指令作为一个完全不同的模块，而是将指令更改为我试图访问值的控制器模块的指令。