Javascript 显示AngularJS下拉式多选复选框
我使用了一个简单的下拉列表,我想在页面中显示ID检查的名称,但它只显示ID 我怎么做 下面或我的GitHub代码中: GitHub:Javascript 显示AngularJS下拉式多选复选框,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我使用了一个简单的下拉列表,我想在页面中显示ID检查的名称,但它只显示ID 我怎么做 下面或我的GitHub代码中: GitHub: Html页面:index.Html Angular应用程序:“MyApp.js” 下拉指令:AngularJS下拉多选 Html页面:index.Html 使用以下命令更新angularjs下拉列表multiselect.js文件的getFindObj(id)函数 function getFindObj(id) {
- Html页面:index.Html
- Angular应用程序:“MyApp.js”
- 下拉指令:AngularJS下拉多选
Html页面:index.Html
使用以下命令更新
文件的getFindObj(id)函数angularjs下拉列表multiselect.js
function getFindObj(id) { var findObj = {}; if ($scope.settings.externalIdProp === '') { findObj[$scope.settings.idProp] = id; } else { findObj[$scope.settings.externalIdProp] = id; angular.forEach($scope.options, function (value, index) { if(value.id == id){ findObj.label = value.label; } }); } return findObj; }
我希望这能解决您的问题:)请不要发布代码的截图,在问题正文中发布实际代码。屏幕截图和指向第三方存储库的链接不能替代以可编辑格式提供的代码。Hello Claies。我尝试使用工具{}在文章的boby中发布代码,但在预览中效果不佳。所以那晚已经太晚了,在尝试了很多分钟后,我放弃了,把照片发出去。我理解你的观点,我这么做是因为我很快就找到了答案。谢谢你的评论。@AdrianoFrota你检查了我的答案吗?有用吗?至于格式化…你可以先粘贴你的代码,然后选择所有代码,然后点击{}按钮进行格式化…谢谢Himanshu Bansal!!getFindObj(id)调整工作,现在我明白了如何发布代码,我会尝试调整帖子@阿德里亚诺弗罗塔总是乐于助人:)如果你遇到任何麻烦,请随时提出你的问题……很有效!谢谢@AdrianoFrota np:)var app = angular.module('MyApp', ['angularjs-dropdown-multiselect']); app.controller('multiselectdropdown', ['$scope', '$http', function ($scope, $http) { //define object $scope.CategoriesSelected = []; $scope.Categories = []; $scope.dropdownSetting = { scrollable: true, enableSearch: true, scrollableHeight : '200px', closeOnBlur: false, showCheckAll: false, checkBoxes: false, displayProp: 'label', // se colocar id funciona smartButtonMaxItems: 5 } //fetch data from database for show in multiselect dropdown /*$http.get('/home/getcategories').then(function (data) { angular.forEach(data.data, function (value, index) { $scope.Categories.push({ id: value.CategoryID, label: value.CategoryName }); }); })*/ $scope.Categories = [{id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"}]; $scope.CategoriesSelected2 = [$scope.Categories[0], $scope.Categories[1]]; //$scope.Categories.push({id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"}); //post or submit selected items from multiselect dropdown to server $scope.SubmittedCategories = []; $scope.EnviarSelecionados = function(){ var result = $scope.CategoriesSelected; } $scope.SubmitData = function () { var categoryIds = []; angular.forEach($scope.CategoriesSelected, function (value, index) { categoryIds.push(value.id); }); var data = { categoryIds: categoryIds }; /*$http({ method: "POST", url: "/home/savedata", data:JSON.stringify(data) }).then(function (data) { $scope.SubmittedCategories = data.data; }, function (error) { alert('Error'); })*/ } }])
function getFindObj(id) { var findObj = {}; if ($scope.settings.externalIdProp === '') { findObj[$scope.settings.idProp] = id; } else { findObj[$scope.settings.externalIdProp] = id; angular.forEach($scope.options, function (value, index) { if(value.id == id){ findObj.label = value.label; } }); } return findObj; }