angularjs学习笔记01

网上搜了一上午基于angularjs的下拉列表绑定效果如下

 

<fieldset>
<select id="sel1" ng-model="ddlVal">
<option ng-repeat='item in ddlItem' ng-value="item.value" ng-selected="ddlVal == item.value">
{{item.text}}
</option>
</select>
<br />
id={{ddlVal}}
<br />
</fieldset>

 

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope, $http) {
$scope.firstName = "John";
$scope.lastName = "Doe";

$scope.v1 = 1;
$scope.v2 = 2;
$scope.v3 = $scope.v1 + $scope.v2;

$scope.ddlVal = 2;

$http({
method: 'GET',
url: 'http://localhost:7025/Services/jsData.ashx?requestType=ddl'
}).then(function successCallback(response) {
$scope.ddlItem = response.data;
}, function errorCallback(response) {
// 请求失败执行代码
});
});
</script>

 

ajax返回的json

[{"value":1,"text":"一","Remark":null},{"value":2,"text":"二","Remark":null},{"value":3,"text":"三","Remark":null},{"value":4,"text":"四","Remark":null},{"value":5,"text":"五","Remark":null}]



哎  还是水了点，ajax绑定select的同时没有吧model绑定上去，页面指定的默认绑定值也没有生效
咋整捏

不知道会不会有大神光顾  求轻喷