Javascript 使用ng选项而不是ng重复填充下拉框
我是angularJS的新手,一周来我一直在尝试填写一个下拉列表框。我不能用它来拯救我的生命。我的设置正确吗 angularJS代码Javascript 使用ng选项而不是ng重复填充下拉框,javascript,angularjs,Javascript,Angularjs,我是angularJS的新手,一周来我一直在尝试填写一个下拉列表框。我不能用它来拯救我的生命。我的设置正确吗 angularJS代码 var CapitalRequestMultiMillInquiryController = function ($scope, $rootScope, $modal, $window, UsersService) { $rootScope.title = 'Capital Request Multi Mill Inquiry'; $scope.mill = '
var CapitalRequestMultiMillInquiryController = function ($scope, $rootScope, $modal, $window, UsersService) {
$rootScope.title = 'Capital Request Multi Mill Inquiry';
$scope.mill = '';
$scope.jobNumber = '';
$scope.description = '';
$scope.amount = '';
$scope.amountOperator = '';
//below is a textbox entry may need to change
$scope.openonly = '';
$scope.users = '';
$scope.selectedProjectManager = '';
UsersService.getUsersWithId().then(function (objectTypes) {
$scope.getUsersWithId = _.filter(objectTypes, function (objectTypes)
{
return objectTypes.inactive == false;
});
});
$scope.search = function() {
//for each mill
CapitalRequestService.searchMulti("http://coucmmsweb.pca.com/CapitalRequest/Inquiry", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.selectedProjectManager, $scope.amount, $scope.amountOperator, $scope.openonly).then(function (results) {
$scope.counce = results;
});
CapitalRequestService.searchMulti("http://filcmmsweb.pca.com/CapitalRequest/Inquiry", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.selectedProjectManager, $scope.amount, $scope.amountOperator, $scope.openonly).then(function (results) {
$scope.filer = results;
});
CapitalRequestService.searchMulti("http://tomcmmsweb.pca.com/CapitalRequest/Inquiry", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.selectedProjectManager, $scope.amount, $scope.amountOperator, $scope.openonly).then(function (results) {
$scope.tomahawk= results;
});
CapitalRequestService.searchMulti("http://tridentval.pca.com/api/Inquiry/Inquiry/CapitalRequestMultiMillInquiry/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.selectedProjectManager, $scope.amount, $scope.amountOperator, $scope.openonly).then(function (results) {
$scope.valdosta = results;
});
CapitalRequestService.searchMulti("http://tridentder.pca.com/api/Inquiry/Inquiry/CapitalRequestMultiMillInquiry/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.selectedProjectManager, $scope.amount, $scope.amountOperator, $scope.openonly).then(function (results) {
$scope.deridder = results;
});
}
};
这是我的服务
app.service('UsersService', function ($http, cache) {
return {
getUsersWithId: function () {
var objectTypes = cache.get('usersWithId');
if (!objectTypes) {
return $http({ method: 'JSONP', url: "/api/core/users/userswithid?callback=JSON_CALLBACK", params: {} }).then(function (result) {
if (result.data.success) {
cache.put('usersWithId', result.data.data);
return result.data.data;
} else {
return [];
}
});
} else {
var deferred = $q.defer();
deferred.resolve(objectTypes);
return deferred.promise;
}
}
};
});
还有我的控制器
Public Class UsersController
Inherits System.Web.Mvc.Controller
'
' GET: /Users
<PCA.Core.Web.CompressionFilter> _
Function UsersWithId(callback As String) As ActionResult
Dim res As New PCA.Core.Web.JSON.Response
Dim catList As New List(Of ViewModels.Core.User)
For Each u In Trident.Core.Globals.TridentApp.ApplicationCache.Users.AllWithUserID
catList.Add(New ViewModels.Core.User(u))
Next
Try
res.success = True
res.message = ""
res.data = catList.OrderBy(Function(c) c.fullName)
Return New PCA.Core.Web.JSON.JSONPResult() With { _
.Data = res,
.Callback = callback
}
Catch ex As Exception
res.success = False
res.message = ex.Message
res.data = ""
Return New PCA.Core.Web.JSON.JSONPResult() With { _
.Data = res,
.Callback = callback
}
End Try
End Function
End Class
公共类用户控制器
继承System.Web.Mvc.Controller
'
'获取:/user
_
函数UsersWithId(回调为字符串)作为ActionResult
Dim res作为新的PCA.Core.Web.JSON.Response
将catList调整为新列表(ViewModels.Core.User的列表)
对于Trident.Core.Globals.TridentApp.ApplicationCache.Users.AllWithUserID中的每个u
添加(新的ViewModels.Core.User(u))
下一个
尝试
res.success=True
res.message=“”
res.data=catList.OrderBy(函数(c)c.fullName)
返回带有{_
.Data=res,
.Callback=回调
}
特例
res.success=False
res.message=ex.message
res.data=“”
返回带有{_
.Data=res,
.Callback=回调
}
结束尝试
端函数
末级
我的看法呢
<div class="form-group">
<label>
Project Manager:
<select style="width: 180px" ng-options="user.value as user.userName for user in allUsers" ng-model="selectedProjectManager">
<option value=""></option>
</select>
</label>
</div>
项目经理:
UserController是一个不同于此特定页面控制器的控制器我的老板告诉我服务调用正确的控制器不重要我只需要设置角度函数并在视图中调用它,它应该可以工作他说…他们都在圣诞节休息,我正试图弄清楚这一点,非常感谢您的帮助。您将
$scope.alluser设置在哪里?我在你的代码里看不到。您是否使用ui.router
?我只想知道您在何处以及如何为视图添加控制器。首先,我不知道allUsers是在何处定义的。为了从视图中访问它,它应该位于CapitalRequestMultiMillInquiryController中的$scope上。