角度材质关闭过程参数时选择md
Angular Material Select md-on-close Pass Parameter
我想将一个参数传递给关闭时具有Angular Material Select md的函数。
使用我当前的代码,当我做控制台日志时,会返回undefined
。
到目前为止我所拥有的。
html
<md-input-container>
<label>Season</label>
<md-select name="season"
ng-model="cteam.season"
md-on-close="cteam.getid(season.$id)">
<md-option ng-repeat="season in cteam.seasons | orderBy: 'name'" value="{{season.name}}">
{{season.name}}
</md-option>
</md-select>
</md-input-container>
控制器
(function() {
angular
.module('app')
.controller('CreateTeamController', function() {
var vm = this;
vm.getid = function(id) {
console.log(id);
};
});
})();
更新(添加app.js代码)app.js
(function() {
angular
.module('app', [
'ngRoute',
'ngMaterial',
'ngMessages',
'firebase'
])
.config(function($routeProvider, $mdThemingProvider){
$mdThemingProvider
.theme('default')
.primaryPalette('deep-purple');
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
})
.when('/create/team', {
templateUrl: 'views/create-team.html',
controller: 'CreateTeamController',
controllerAs: 'cteam',
})
.otherwise({
redirectTo: '/',
});
});
})();
请参阅md-on-close="cteam.getid(season.$id)"
中的季节并不是指您在ng重复中使用的季节。ng repeat创建了一个新的作用域,并且您正在它的父作用域中调用该函数。
但您告诉md select,您希望将"selected"季节绑定到ng-model="cteam.season"
中的cteam.season。
您所要做的就是将md-on-close
属性更改为md-on-close="cteam.getId(cteam.season.$id)"
或ng-model
中引用的任何属性。
相关文章:
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 在JS的下拉列表中选择多个输入参数
- 将参数传递给 Rails 中的选择更改
- 根据 GET 参数选择选项
- JQuery选择器中的可选参数
- 避免将jquery选择器作为构造函数参数发送时内存泄漏
- 在更改时选择,插入类似函数的参数或指令之间的差异
- 使用URL参数选择的下拉列表
- 如何在不选择模式配置参数的情况下,使用mongoose在MongoDB模式实例化中的关联数组/对象中执行foreach
- 选择菜单的操作中的成员2参数
- 如何选择使用Jquery作为参数传入的DOM元素
- 如何在选择Select Box值时将参数作为POST数据传递,这将重新加载同一页面
- 从管线中选择“对象”“角度参数”
- 在新对象参数中使用“this”选择器
- Javascript:如何通过其参数选择函数内部属性
- 使用基于查询字符串参数的 Angular 填充选择元素
- 在 ajax 选择中动态发送参数
- 触发完整的日历刷新与参数选择
- 根据字符串参数选择构造函数
- 使用函数参数选择angularjs变量