如何在angularjs 1.5中动态更改ng reapet中的对象名称
下面是动态指令(在blade.php文件中调用) })) 上述代码将创建两个下拉列表。如何在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
<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>
如何实现此修改。我尝试并找到了一个代码。下面是它,它对我很有效。
<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 = [];
});