gpt4 book ai didi

javascript - Angular JS 和 ng-model 不显示

转载 作者:行者123 更新时间:2023-12-02 17:22:58 25 4
gpt4 key购买 nike

我是 Angular JS 的新手,这就是我开始的地方:

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

myApp.controller('WizardController', ['$scope', function($scope){

$scope.user = {};
$scope.displayName = 'Hello';

}]);

user用于收集我的步骤中输入字段中的数据 <input type='text' ng-model='user.name'>当我这样调用它时 {{user.name}}输入文本中的内容将出现在下一步中。

我的问题是如何获得$scope.displayName显示在我的页面上。

<p ng-model="displayName"></p>
<p>{{displayName}}</p>
<p><input type='text' ng-model='displayName'></p>

我已经尝试了所有这些,但似乎都不起作用。请帮忙。

这是一个jfiddle http://jsfiddle.net/Fc7KZ/

最佳答案

确保您已将 ng-appng-controller 属性添加到您的 html

<body ng-app="myApp" ng-controller="WizardController">
<p ng-model="displayName"></p>
<p>{{displayName}}</p>
<p><input type='text' ng-model='displayName'></p>
</body>

更新1:

你的js fiddle 没有 Angular 库,这里是更正的版本:

http://jsfiddle.net/Fc7KZ/2/

关于javascript - Angular JS 和 ng-model 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23749981/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com