Javascript 在输入或单击按钮时将输入值传递给控制器
我正在尝试开始学习AngularJS用于我正在开发的Ionic应用程序,但我在理解AngularJS时遇到了一些困难,因为AngularJS以前在jQuery方面的经验最多,主要是DOM操作,而不是框架工作 如果我有以下标记:Javascript 在输入或单击按钮时将输入值传递给控制器,javascript,angularjs,Javascript,Angularjs,我正在尝试开始学习AngularJS用于我正在开发的Ionic应用程序,但我在理解AngularJS时遇到了一些困难,因为AngularJS以前在jQuery方面的经验最多,主要是DOM操作,而不是框架工作 如果我有以下标记: <label class="item-input-wrapper"> <i class="icon ion-ios7-chatbubble placeholder-icon"></i> <input type="text"
<label class="item-input-wrapper">
<i class="icon ion-ios7-chatbubble placeholder-icon"></i>
<input type="text" placeholder="Send a message...">
</label>
<button class="button button-clear button-positive">
Send
</button>
发送
单击enter或send时,如何将输入值传递给控制器?我正在开发一个聊天应用程序,因此我认为需要一种模型方法,以便消息线程可以自动更新,但除此之外,我不知道
有人能帮我一下,或者至少给我指出正确的方向吗?您发布的以下标记就是视图。您需要做的是编写一个单独的JS脚本,称为链接到视图的控制器。了解有关如何实现这一点的基本Angular教程,主要了解$scope在Angular中的工作方式 您的控制器将有一个功能…比如:
$scope.foo = function(input) { alert(input); };
从视图中,可以使用角度函数(如ng click)将值传递给控制器
<a ng-click="foo('this string will be passed in as the text of the alert')">click me</a>
点击我
有几种方法可以将值传递给控制器。这是最简单的例子。正如贾斯汀所说,你应该研究角度的基础知识
HTML:
<div ng-controller="MyCtrl">
<input type="text" ng-model="foo" placeholder="Enter something" />
<input type="button" ng-click="doSomething()" value="Send" ng-disabled="foo == null" />
</div>
这是工作票
我建议你仔细阅读。你试过阅读吗:?对你的问题没有一个单一的答案能教会你。花一些时间来学习它,因为从jQuery迁移到它并不简单。我想你会发现这里的答案非常有用:
var myApp = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.foo = null;
$scope.doSomething = function () {
alert("Hello, " + $scope.foo);
}
}