AngularJS의 ng-options best practise
2008 단어 AngularJS
function MySelectCtrl($scope)
{
$scope.Model = [
{
id: 10002,
MainCategory: ' ',
ProductName: ' T ',
ProductColor: ' '
},
{
id: 10004,
MainCategory: ' ',
ProductName: 'V ',
ProductColor: ' '
},
{
id: 10006,
MainCategory: ' ',
ProductName: ' ',
ProductColor: ' '
}];
$scope.selected = 10002;
}
<select ng-model="selected" ng-options="m.id as (m.ProductColor + ' - ' + m.ProductName) for m in Model">
<option value="">-- --</option>
</select>$scope.getBeacon = function (id) {
return Beacon.get({id: id}).$promise;
};
$scope.getVendors = function () {
return Vendor.query({}).$promise;
};
$q.all([$scope.getVendors(), $scope.getBeacon($scope.beacon.id)])
.then(function (promises) {
$scope.vendors = promises[0];
$scope.beacon = promises[1];
$scope.beacon.vendor = $scope.vendors[_.findIndex($scope.vendors, $scope.beacon.vendor)];
});
// HTML
<div class="form-group">
<label for="vendor"> </label>
<select class="form-control" id="vendor" ng-model="beacon.vendor" ng-options="vendor as vendor.name for vendor in vendors">
<option value="" ng-if="!beacon.vendor">-- --</option>
</select>
</div>
angular의 기본 선택과 전송 문제에 더 이상 방해되지 않기를 바랍니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
AngularJS의 ng-options best practise쓸데없는 말은 하지 말고 바로 코드를 찍어라. 리소스를api에 직접 전달하지 말고 문자열이나 정형(예를 들어 귀속된ng-model="selected")을 권장합니다 angular에서 생성된 의value가 무엇인지, ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
