我通过json生成了多级select
<code><div ng-app="xx" ng-controller="eee">
<div>
**{{col_selectlv[1].colname}}**//这个地方下文说到!
<select ng-model="col_selectlv[0]" ng-options="x.colname for x in col_select[0]" required>
<option></option>
</select>
<select ng-model="col_selectlv[1]" ng-options="x.colname for x in col_selectlv[0].children"
ng-if="col_selectlv[0].children"
required >
<option></option>
</select>
<select ng-model="col_selectlv[2]" ng-options="x.colname for x in col_selectlv[1].children"
ng-if="col_selectlv[1].children" required >
<option></option>
</select>
<select ng-model="col_selectlv[3]" ng-options="x.colname for x in col_selectlv[2].children"
ng-if="col_selectlv[2].children" required >
<option></option>
</select>
</div>
</div></code>app.js是这样的:
<code> app.controller('newseditor', function ($scope, $http,$routeParams) {
$scope.newsid=$routeParams.id?$routeParams.id:'0';
$http({
method: 'GET',
url: 'datacon/col_select.php',
}).success(function (response) {
// console.log(response);
if (response)
$scope.col_select = response;
})
$scope.change_selecter = function (r) {
$scope.select_range = r;
}
$scope.news_submit = function () {
console.log($scope.col_selectlv)
}
});</code>通过点击button激活news_submit,希望的效果是能输出col_selectlv,但是输出的结果是未定义。
ng-model是绑定成功了,因为上面标注的那个{{col_selectlv[1].colname}}是可以输出的,但是不知道为什么就是不能通过$scope.col_selectlv获取。
本组件封装了Angular1.0版本,组件实现了以下功能: 路由,子路由,轮播,cookie读写,加密,表单提交验证,拦截器,白名单,搜索过滤与排序(等级划分), 大小写转换,Map数组循环遍历动态修改后台数据等功能。
21
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号