如何在onsen中设置文本输入的文本或值?

时间:2014-06-05 06:52:33

标签: onsen-ui

我在onsen中将文本设置为文本输入时遇到问题。如何使用javascript为onsen中的文本输入设置文本或值?

抱歉我的英语很差。

1 个答案:

答案 0 :(得分:3)

在AngularjS中,根据ng模型,值为chagnes 例如,html是

<div ng-controller="MyCtrl" ng-init="text = 'Hello'">
    <ons-text-input 
        ng-model="text"
        style="display: block; width: 100%" value="OK">
    </ons-text-input>

    <div ng-click="setText('changed1');">Change 1!</div>
    <div ng-click="setText('changed2');">Change 2!</div>
    <div ng-click="setText('changed3');">Change 3!</div>
</div>

和js代码是

app = angular.module('myApp', ['onsen.directives']);

app.controller('MyCtrl', function($scope) {  
    $scope.setText = function(str) {
       $scope.text = str;
    };    
});

当ng-model本身的变量文本发生变化时,输入值会自动更改。