AngularJs $scope在离子项目中是未定义的
AngularJs $scope is undefined in ionic project
我正在用ionic构建一个项目。
这是我的简单控制器:
var app = angular.module('myApp', ['ionic']);
app.controller("loginController", ['$scope', function($scope){
$scope.userName = ""
$scope.password = ""
$scope.login = function(){
//some login things here
};
}]);
我的网页
<ion-content ng-controller="loginController">
<form class="list" ng-submit="login()">
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text" ng-bind="userName">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-bind="password">
</label>
<button class="button button-block button-positive">
Login
</button>
</form>
</ion-content>
当我单击登录按钮时,Login
函数正在运行,但我无法访问userName
和password
变量,因为同时$scope
未定义
您需要将ngModel
指令放在输入字段而不是ngBind
:
<input type="text" ng-model="userName">
然后,完整的HTML代码将变为:
<form class="list" ng-submit="login()">
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text" ng-model="userName">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-model="password">
</label>
<button class="button button-block button-positive">Login</button>
</form>
相关文章:
- 为什么“;未定义的“;在JavaScript中结束循环
- 要求未定义JS回调参数
- 如何检查管道中未定义的项目
- TypeError:无法读取属性'推'未定义的JavaScript
- $window.ga在AngularJS事件中未定义
- 未捕获的TypeError无法读取未定义的属性socialsharing
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 无法获取属性'selectedIndex'的未定义引用或null引用
- 如何消除代码中的未定义和其他问题
- 未捕获的ReferenceError:$未定义
- this.router在AngularJS 2中未定义
- 未捕获的类型错误:无法读取属性'删除'的未定义
- 节点fs.stat名称未定义
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- Jquery未定义函数正在停止其他操作
- AngularJS指令出错-无法读取属性'编译'的未定义
- 这.SOMETHING 总是返回未定义的 - extjs
- 无法获取属性'Id'使用Knockout.js的未定义或空引用API
- Wordpress中带有JQuery Accordion的未定义匿名函数
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件