javascript - 如何将字符串绑定(bind)到 View 中的范围 var?

标签 javascript angularjs ionic-framework ngcordova ionic-view

我想将一个字符串绑定(bind)到一个范围变量,它将通过用户在 View 内的输入字段中输入来获取它的值。 这样连接到范围 var 值的字符串应该显示在 View 的另一个 div 中。

应该是这样的:

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

但这里的问题是“Hello”这个词在用户输入之前就已经显示出来了。我想在用户输入时将它与范围 var 的值一起显示。

最佳答案

可以使用多种不同的方法...ng-if 或在表达式中使用三元是其中两种

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

或者

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

关于javascript - 如何将字符串绑定(bind)到 View 中的范围 var?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34868091/

相关文章:

javascript - 使用 jquery 和数据库检查更改

javascript - 在表单中使用javascript时如何获取值

javascript - 如何在css或sass中获取子div的数量

angular - 如何在 ngFor 中使用 ngSwitchCase?

android loollipop 上的 CSS 网格,cordova-ionic 不工作

javascript - 等待 ES6 模块中的文档准备就绪

jquery - FullCalendar eventRender 事件卡住浏览器选项卡

angularjs - ng-repeat 中的反向列表

angularjs - 何时使用子状态与ui-router的多个 View

cordova - 从 Cordova 将自定义 maven 存储库添加到 build.gradle