Girilen giriş veya çıkışta giriş değerini girin

Question

Çalıştığım bir İyonik uygulama için AngularJS öğrenmeye başladım ve AngularJS'nin jQuery'de daha önce sahip olduğu en son deneyimi anlamaya çalışırken biraz sorun yaşıyorum. çerçeveleme yerine DOM manipülasyonuna odaklanır.

Ben şu işaretlemeyi varsa:

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

Nasıl girebilir veya göndermek tıklandığında ben kontrolöre üzerinde girişin değer iletebilirsiniz? Bir sohbet uygulamasında çalışıyorum, bu yüzden mesaj özümünün otomatik olarak güncellenebileceği, ancak başka bir fikrim olmadığı için model yaklaşımın gerekli olduğuna inanıyorum.

Birisi bana yardım edebilir mi, en azından bana doğru yönde işaret edebilir mi?

Answer 1

Denetleyicinize değer iletmenin birkaç yolu vardır. İşte en basit örnek. Justin'in dediği gibi, açısal temellere bakmalısın.

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

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

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

çalışan fiddle

Ve ben bu post geçmesi tavsiye ederim.

Answer 2

Aşağıdaki biçimlendirme, görünümdür. Yapmanız gereken şey, görünüme bağlı bir denetleyici adı verilen ayrı bir JS komut dosyası yazmaktır. Bunun nasıl yapılacağına dair temel Angular öğreticilerine bakın ve ağırlıklı olarak Angular uygulamasında $ kapsamının nasıl çalıştığına bakın.

görünümünden

$scope.foo = function(input) { alert(input); }; 

, bu tür ng tıklama olarak Eğik fonksiyonları ile denetleyici üzerine bir değer geçirebilirsiniz:

Sizin kontrolör bir işlevi ... diyelim ki olacaktır.

<a ng-click="foo('this string will be passed in as the text of the alert')">click me</a>