코딩도 개발... 축구도 개발... 하...

2019년 5월 3일 금요일

Angularjs ng-options


    mainApp.controller('MainCtrl', ['$scope', '$http',  function ($scope, $http,) {
        
        $scope.optionList = [
            {option_no: '1', option_name: '카푸치노'},
            {option_no: '2', option_name: '헤이즐넛'},
            {option_no: '3', option_name: '카페모카'}
        ];
    }]);

    • select box option 값을 ajax 로 불러오는데, ajax data 호출 전 기본 option 값이 설정 되는 문제가 있었다</li>

<select name="test01" class="fSelect" ng-model="selectedNo" ng-options="option.option_no as option.option_name for option in optionList">
    <option value="{{option.option_no}}" ng-repeat="option in optionList">{{option.option_name}}</option>
</select>

    • ng-options 를 사용해 해결

댓글 없음:

댓글 쓰기