如何在視圖內將字符串綁定到作用域var？

我想將一個字符串綁定到作用域var，該作用域將通過用戶輸入在視圖內的輸入字段中獲取其值。因此，連接到作用域var值的字符串應顯示在視圖中的另一個div中。如何在視圖內將字符串綁定到作用域var？

它應該是這樣的：

<body ng-controller="MainCtrl"> 
Name: <input ng-model="userInput" placeholder="Enter your input..."/><br> 
<div>{{ "Hello" + userInput}}</div>

但這裏的問題是，單詞「Hello」已經顯示用戶輸入之前作出。我想在用戶輸入時將它與範圍var的值一起顯示。

來源

2016-01-19 user2985035

可以使用大量不同的方法... ng-if或使用三元表達式是其中兩個

<div ng-if="userInput">{{ "Hello" + userInput}}</div>

或者

<div>{{userInput ? "Hello" + userInput :''}}</div>

來源

2016-01-19 03:43:52 charlietfl

添加您自己filter說ifEmpty如下：

angular.module('app').filter('ifEmpty', function() { 
    return function(input, defaultValue) { 
     if (angular.isUndefined(input) || input === null || input === '') { 
      return defaultValue; 
     } 

     return "Hello "+input; 
    } 
});

，然後用它作爲

<div>{{ userInput | ifEmpty:''}}</div>

來源

2016-01-19 03:42:07

試試這個

Name: <input ng-model="userInput" placeholder="Enter your input..."/><br> 
<div ng-show="!!userInput">{{ "Hello" + userInput}}</div>

來源

2016-01-19 03:42:29 jkris

你可以在用戶輸入使用ng-if。

<p ng-if="userInput">Hello {{userInput}}</p>

來源

2016-01-19 03:48:44 denixtry

如何在視圖內將字符串綁定到作用域var？

回答

相關問題