如何在angularjs 1.5中动态更改ng reapet中的对象名称

如何在angularjs 1.5中动态更改ng reapet中的对象名称,angularjs,Angularjs,下面是动态指令(在blade.php文件中调用) })) 上述代码将创建两个下拉列表。 <dropdown-list data-name="User Name" data-label="Please Select" required ng-model="user_id" items="user_list" main-list="main_us

下面是动态指令(在blade.php文件中调用)

}))

上述代码将创建两个下拉列表。

<dropdown-list 
data-name="User Name" 
data-label="Please Select"                          
required ng-model="user_id" 
items="user_list" 
main-list="main_user_list" 
></dropdown-list>


<dropdown-list 
data-name="Product Name" 
data-label="Please Select"                          
required ng-model="product_id" 
items="product_list" 
main-list="main_product_list" 
></dropdown-list>
  • 但ng reapet中的“列出所有记录”在所有下拉列表中保持不变
  • 我想更改第一个下拉列表中“列出所有记录”处的“learnertype
  • 我想把它改为“学习者”,改为“列出所有记录”“在第二个下拉列表中”在第二个下拉列表中
  • 以便我可以在learnertype和learner中打印不同的数据


    如何实现此修改。我尝试并找到了一个代码。下面是它,它对我很有效。

    <dropdown-list 
    data-name="User Name" 
    data-label="Please Select"                          
    required ng-model="user_id" 
    items="user_list" 
    main-list="main_user_list" 
    ></dropdown-list>
    
    
    <dropdown-list 
    data-name="Product Name" 
    data-label="Please Select"                          
    required ng-model="product_id" 
    items="product_list" 
    main-list="main_product_list" 
    ></dropdown-list>
    
    } });

    最后在控制器中声明您在指令中添加的所有动态指令变量

    <div class="col l3 learners-selection-block" id="learners-selection-block">
        <dropdown-list 
    data-name="Learner Type" 
    data-label="Select Leraner Type" 
    data-provider='{"adult_learner":"adult Learner","young_learner":"Younge Learner","parent_learner":"Parent Learners"}' 
    data-provider-search="" 
    data-provider-type="dataset"
    data-class="learner-type-list" 
    data-id="learner-type-list" 
    data-search="yes" 
    data-multiple="yes" 
    data-keyword="learner-type" 
    data-model-name="learnertype"
    data-obj-name="learnertype" 
    ></dropdown-list>
    </div>
    
    
    <div class="col l3 learners-selection-block" id="learners-selection-block">
        <dropdown-list 
    data-name="Learner" 
    data-label="Select Learner" 
    data-provider="getCompanyLearnersList" 
    data-provider-search="searchNewCompanyLearnersList" 
    data-provider-type="function"
    data-class="select-learner-list" 
    data-id="select-learner-list" 
    data-search="yes" 
    data-multiple="yes" 
    data-keyword="learner" 
    data-model-name="learner" 
    data-obj-name="learner"
    ></dropdown-list>
    </div>
    
    <div>
    <li ng-repeat="record in items" class="selection-list perf-elem" data-item-id="<%record.id%>" ng-if="search_key == undefined || search_key == '' || record.title.toLowerCase().indexOf(title) != -1">
    
    app.directive('dropdownList', ['$filter', function($filter){
      return{
        restrict: 'E',
        templateUrl: '/drop-own.html',
        transclude: true,
        scope: {
            items: '=',
            ngModel: '=',
            mainList: '=',
        },
     link: function(scope, element, attrs) {
      
      scope.main_label      = attrs.name;
    
     },
     controller: function($rootScope, $scope, $http, $attrs, $parse) { 
    
     }
    
    app.controller('userController', function ($rootScope, $scope, $http, $window, $mdDialog) 
    {
    
      $scope.user_list = [];
      $scope.main_user_list = [];
      $scope.user_id = [];
      
      $scope.product_list = [];
      $scope.main_product_list = [];
      $scope.product_id = [];
    
    });
    
    app.controller('userController', function ($rootScope, $scope, $http, $window, $mdDialog) 
    {
    
      $scope.user_list = [];
      $scope.main_user_list = [];
      $scope.user_id = [];
      
      $scope.product_list = [];
      $scope.main_product_list = [];
      $scope.product_id = [];
    
    });