ng-modelを使用しているときにプレースホルダーを空にする

text inputをスコープ内の変数にリンクしたいと思っています。しかし、私はplaceholderが何も表示されないようにしたい。しかし、この変数の内容は継続しています。どうして？ng-modelを使用しているときにプレースホルダーを空にする

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

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.hello = 'hello'; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="example" ng-controller="MainCtrl"> 
 
    <input type="text" ng-model="hello" placeholder=""> 
 
</body>

出典

2016-03-29 panagulis72

要素の値 ''に角括弧 '$ scope.hello'があり、プレースホルダーとは関係ありません。もっと具体的にしてください。 – Wtower

私はスコープ内に変数を持っており、それを編集したいと思います。この場合、私は "hello"を "hello123456"に変更して、入力テキスト – panagulis72

に変更したいと思っています。なぜあなたがそれをやり遂げることができないように思われるのか、まったく不明です。 – Wtower

あなたはhelloと呼ばれるスコープ内の変数を、持っています。同じ変数にバインドされている<input>要素があります。必然的に、要素はその変数の同じ値を持ちます。

私はあなたのコメントから理解しているように、input要素がその変数に束縛されないことを望みます。この場合、いくつかの選択肢があります。たとえば、スコープ内に別の変数を設定することです。

次に、ngChangeを使用して、入力が変更された場合にのみ最初の変数を更新し、その初期値を維持することができます。

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

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.hello = 'hello'; 
 
    $scope.field = ''; 
 
    $scope.change = function() { 
 
    $scope.hello = $scope.field; 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="example" ng-controller="MainCtrl"> 
 
    <input type="text" ng-model="hello" ng-change="change()"> 
 
</body>

出典

2016-03-29 09:42:44 Wtower

ありがとうございました！ – panagulis72

あなたはまた、値「ハロー」があり、あなたの範囲に存在する変数「こんにちは」にご入力ボックスの値をバインドしているため。プレースホルダはそれと関係がありません。表示されるテキストは入力ボックスの値です。入力ボックスをクリアするには、スコープ変数を空の文字列に設定します。

出典

2016-03-29 08:54:07 fikkatra

-1

を入力するか、初期化しないでください。入力タグで初期化されますので、そのまま使用することができます。

出典

2016-03-29 08:56:41 mkkhedawat

しかし、$ scope.helloが既にアプリケーションを開く前に値を持っていたらどうなりますか？ – panagulis72

$ scope.helloに設定した値は、ここに表示されます。表示しない場合は、$ scope.helloを空にします。 – mkkhedawat

$ scope.helloを空に設定せずに入力タイプをクリアする方法がある場合、これは私の質問です – panagulis72

使用ngAttrはhttps://docs.angularjs.org/guide/interpolation

<input type="text" ng-model="inputText" ng-attr-placeholder="{{somePlaceholder}}" />

問題に詳しく説明：this postに基づいてhttps://github.com/angular/angular.js/issues/5025

。

出典

2017-08-16 06:23:23 AechoLiu

ng-modelを使用しているときにプレースホルダーを空にする

答えて

関連する問題