个人中心
gpt4 book ai didi

javascript - AngularJS 脚本输出错误

转载 作者：行者123 更新时间：2023-11-29 16:47:34 25 4
gpt4 key购买 nike

我是 AngJS 的新手，我正在尝试自己编写代码。我卡在了一部分。

代码:

<!DOCTYPE HTML>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<title> First page </title>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    First Name: <input type="text" ng-model="person.firstName"> <br>
    Last Name: <input type="text" ng-model="person.lastName"> <br>
    <p> {{person.firstName + " " + person.lastName}} age is: {{age[0]}}</p>
</div>

<div ng-app="mApp" ng-controller="mCtrl">
    Registration number: <input type="number" ng-model="person.regNum"> <br>
    Class number: <input type="text" ng-model="person.classNum"> <br>
    <p> {{person.regNum, person.classNum}} </p>
</div>

<script>
var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope) {
    $scope.person = {firstName:"Nikhil",lastName:"Hegde"};
    $scope.age = [20,21,22];
    });

var app1 = angular.module('mApp',[]);
app1.controller('mCtrl',function($scope) {
    $scope.person = {regNum:"122503",classNum:"12EC48"};
    });

</script>
</body>
</html>

Output of the code

我不太确定第二对字段有什么问题，但如您所见，输出是不正确的。

我还可以重用 app 变量吗？app = angular.module('myApp',[]);

除了使用单独的“app1”变量，我还可以重用相同的变量“app”吗:app = angular.module('mApp',[]);

最佳答案

你应该只有一个app

<!DOCTYPE HTML>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <title> First page </title>
</head>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
        First Name: <input type="text" ng-model="person.firstName"> <br>
        Last Name: <input type="text" ng-model="person.lastName"> <br>
        <p> {{person.firstName + " " + person.lastName}} age is: {{age[0]}}</p>
    </div>

    <div ng-controller="mCtrl">
        Registration number: <input type="number" ng-model="person.regNum"> <br>
        Class number: <input type="text" ng-model="person.classNum"> <br>
        <p> {{person.regNum, person.classNum}} </p>
    </div>

<script>
    var app = angular.module('myApp',[])
    .controller('myCtrl',function($scope) {
        $scope.person = {firstName:"Nikhil",lastName:"Hegde"};
        $scope.age = [20,21,22];
    })
    .controller('mCtrl',function($scope) {
        $scope.person = {regNum:"122503",classNum:"12EC48"};
    });

</script>
</body>
</html>

关于javascript - AngularJS 脚本输出错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39764403/

25 4 0
文章推荐： php - 我不断在 hMailServer 和 XAMPP 的 PHPWebAdmin 页面中获取 "Fatal Error: Class COM not found"
文章推荐： javascript - 如何使用动态键和值字符串动态构建 Json 对象
文章推荐： php - 如何打印数据
文章推荐： javascript - 如何阻止我的 Facebook 共享窗口被弹出窗口阻止程序阻止？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com