个人中心
gpt4 book ai didi

angularjs - 页面无法正常显示

转载 作者：行者123 更新时间：2023-12-04 04:56:02 24 4
gpt4 key购买 nike

我正在学习 Brad Green 最新出版物中关于 Angular JS 的教程，但在正确显示购物车页面时遇到了问题。有什么我需要更改的代码来解决这个问题吗？

enter image description here

购物车.html 

<html ng-app='myApp'>
<head>
        <title>Your Shopping Cart</title>
</head>
<body ng-controller='CartController'>
        <h1>Your Order</h1>
        <div ng-repeat='item in items'>
                <span>{{item.title}}</span>
                <input ng-model='item.quantity'>
                <span>{{item.price | currency}}</span>
                <span>{{item.price * item.quantity | currency}}</span>
                <button ng-click="remove($index)">Remove</button>
        </div>
        <script src="angular.js"></script>
        <script src="cartcontroller.js"></script>
</body>
</html>

购物车 Controller .js 
function CartController($scope) {
        $scope.items = [
                {title: 'Paint pots', quantity: 8, price: 3.95},
                {title: 'Polka dots', quantity: 17, price: 12.95},
                {title: 'Pebbles', quantity: 5, price: 6.95}
        ];

        $scope.remove = function(index) {
                $scope.items.splice(index, 1);
        }
}

提前致谢!

最佳答案

把它放在你的 controller.js 文件的顶部:

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

这是一个工作演示: http://plnkr.co/edit/ZW0iyP636DXoIac3yLdl?p=preview

该行将定义您的应用程序，并且您将包含任何其他依赖项，例如 angular ui 或 angular bootstrap，以便您的应用程序可以使用它们。这是另一个示例，其中包含另一个模块作为依赖项，在这种情况下是 google map 模块: 
var app = angular.module('plunker', ["google-maps"]);  // http://plnkr.co/edit/5mdRdrOLRkW6PuLuH3Cv?p=catalogue

关于angularjs - 页面无法正常显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16742692/

24 4 0
文章推荐： xpages - 覆盖通过 xPages URL 打开的附件的内容处置类型
文章推荐： .net - "Type"在物理上是什么意思？
文章推荐： r - 如何使用正则表达式提取 R 中字符串的不匹配部分？
文章推荐： ruby-on-rails - 必须指定 CLASS - 回形针水印
行者123
个人简介

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

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