ng-model用於帶有定義選項的選擇

Question

我的角度應用程序中有一個普通的選擇控件 。 當頁面加載時，我沒有在選擇控件中選擇任何元素，但是如果我檢查$ scope.data.Method，我在int中有一個正確的值。 有什么辦法可以解決此問題？

<div class="form-group">
    <label class="col-sm-3 control-label">Selected Method:</label>
    <div class="col-sm-4">
        <select class="form-control" ng-model="data.Method">
            <option value="0">Auction</option>
            <option value="1">Delivery</option>
            <option value="2">Range Delivery</option>
            <option value="3">Broadcast</option>
            <option value="4">Self broadcast</option>
            <option value="5">Manual</option>
            <option value="6">Automated</option>
        </select>
    </div>
</div>

控制器使用服務來獲取數據。 這是獲取數據的服務代碼

//Initialize Resource
        this.initResource = function (params) {
            params = params || {};
            params.id = '@id';

            this.resource = $resource('{0}/:id'.format(this.api), params, {
                'update': { method: 'POST' },
                'create': { method: 'PUT' },
                'default': { method: 'GET', params: { id: 'default' } }
            });
        }
//...more code
//Get some data and initialize additional parameters
        this.read = function (id, clone, readonly, version) {
            if (clone == undefined)
                clone = false;

            if (readonly == undefined)
                readonly = false;

            if (this.resource == null) {
                this.initResourceByDefault();
            }

            return this.resource.get({ id: id, clone: clone, readonly: readonly, version: version });
        }

控制器代碼

function ItemController($scope, $route, $routeParams, $location, $resource, MainCRUDService, ControllerHelper) {
    $scope.noticeType = $routeParams.noticeType;

    MainCRUDService.initResource({ noticeType: $scope.noticeType });
    //Here I am getting data from resourse via service  
    ControllerHelper.initCRUD($scope, MainCRUDService);
}

Answer 1

據我了解您的問題，您的服務正在以整數值返回data.Method 。

但是選擇框將匹配一個字符串值。

如果您的服務將返回data.Method作為字符串，則將解決您的問題。 您也可以使用toString()方法將響應參數data.Method轉換為字符串值。

這是一個可以幫助您的代碼。 https://plnkr.co/edit/s0Wrk4?p=preview