在输入或按钮单击时将输入值传递给控制器

Question

我正在尝试开始学习AngularJS用于我正在研究的Ionic应用程序,并且我在理解AngularJS方面遇到了一些麻烦,因为它在jQuery上有过最多的经验,专注于DOM操作而不是框架.

如果我有以下标记:

<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>

单击输入或发送时,如何将输入值传递给控制器​​？我正在开发一个聊天应用程序,所以我认为需要一种模型方法,以便消息线程可以自动更新,但除此之外我不知道.

有人可以帮助我,或者至少指出我正确的方向吗？

Answer 1

有几种方法可以将值传递给控制器​​.这是最简单的例子.正如贾斯汀所说,你应该研究角度基础知识.

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>

JS:

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {
    $scope.foo = null;
    $scope.doSomething = function () {
        alert("Hello, " + $scope.foo);
    }
}

这是工作小提琴

我建议你仔细阅读这篇文章.