数据绑定在我的AngularJS应用中不起作用

用户名

我有以下html:

<!DOCTYPE HTML>
<html>
    <head>
        <title>Basic</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js type="text/javascript">
        </script>
    </head>
    <body>
        <div ng-app="myApp">
            <input ng-model="to" type="email"
                placeholder="Recipient here.."/>
            <textarea ng-model="emailBody"
                placeholder="Email body here..">
            </textarea>
            <h2> {{ emailBody }} </h2>
        </div>
    </body>
</html>

我从textArea引用了emailBody数据,但未绑定关联的数据。只是按字面意思输入{{emailBody}}。

我究竟做错了什么?

瓦特金斯

假设您是第一次使用Angular,您可能想使用不带值的“ ng-app”参数,该参数将设置注入上下文而不将其映射到命名的应用程序控制器(在示例中缺失)。还要注意,您缺少脚本标记的src参数的右引号。

这是您的示例,使用这两个修复程序,按预期工作。

<!DOCTYPE HTML>
<html ng-app>
    <head>
        <title>Basic</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js" type="text/javascript"></script>
    </head>
    <body>
        <div>
            <input ng-model="to" type="email" placeholder="Recipient here.."/>
            <textarea ng-model="emailBody" placeholder="Email body here..">
            </textarea>
            <h2> {{emailBody}} </h2>
        </div>
    </body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

数据绑定在AngularJS中不起作用

数据绑定在AngularJS中不起作用

Select2 for AngularJS中的双向数据绑定在angular 1.2.13中不起作用

2路绑定在AngularJS中不起作用重复

数据绑定在指令中的事件中不起作用

聚合物数据绑定在应用程序页面中不起作用

数据绑定在angular2中不起作用

双向数据绑定在指令中不起作用

Vue数据绑定在功能组件中不起作用

数据绑定在Silverlight中不起作用

数据绑定在特定情况下不起作用(AngularJS)

孤立的范围两种方式绑定在angularjs中不起作用

为什么1向绑定在angularjs中不起作用?

使用setInterval的绑定在AngularJS中不起作用的一种方法

范围绑定在模式弹出式angularjs中不起作用

TextWatcher的数据绑定在Android上不起作用

为什么数据绑定在 UserControl 上不起作用?

深入观察数组在AngularJS数据绑定中不起作用

两种形式的数据绑定在Angular 2中不起作用

ComboBox IsChecked 绑定在数据模板中不起作用

数据绑定在对话框中不起作用 - 为什么?

Angular 2+:使用 Subjects 的数据绑定在 ngOnInit 中不起作用

为什么数据绑定在字符串中不起作用?

自我DataContext绑定在XAML中不起作用,但在后面的代码中起作用

聚合绑定在AreaMicroChart中不起作用

模型绑定在MVC 4中不起作用

绑定在Safari 5.1.1中不起作用

查询绑定在CodeIgniter 3中不起作用

如果绑定在knockout.js中不起作用