javascript无法与html链接

javascript无法与html链接,javascript,html,angularjs,Javascript,Html,Angularjs,大家好,目前我的JavaScript无法与我的html链接 我的结果应该是这样的: WTA:我将所有使用的JavaScript直接放在html代码中可以吗 尝试过,但得到了以下结果: 像这样在HTML中包含JS有什么问题吗 <html> <link rel="stylesheet" href="style.css"> <body> <div class="container" ng-app=

大家好,目前我的JavaScript无法与我的html链接

我的结果应该是这样的:

WTA:我将所有使用
的JavaScript直接放在html代码中可以吗

尝试过,但得到了以下结果:

像这样在HTML中包含JS有什么问题吗

<html>
<link rel="stylesheet" href="style.css">
<body>
<div class="container" ng-app="progressApp" ng-controller="progressBars">
    <h1>Angular.js Progress Bars</h1>
    <div class="fund" ng-repeat="give in fundData">
        <h2>Fund: {{give.fund}}</h2>
        <div class="progress">
            <div class="bar" ng-style="{width:{{((give.raised / give.goal) * 100)}} + '%'}">
                <!-- show calculated percentage if total amount raised is <= 100% -->
                <span class="percent" ng-show="((give.raised / give.goal) * 100) <= 100">{{((give.raised / give.goal) * 100) | number:0}}%</span>
                <!-- show maximum percentage if total amount raised is > 100% -->
                <span class="percent" ng-show="((give.raised / give.goal) * 100) > 100">100%</span>
            </div>
        </div>
        <span class="goal">Raised: {{give.raised | currency:"$":0}} &nbsp;&compfn;&nbsp; Goal: {{give.goal | currency:"$":0}}</span>
        <a class="donate" ng-href="{{give.link}}">Donate &raquo;</a>
    </div>
</div>
    
<script>
    var app = angular.module('progressApp', []);

app.controller('progressBars', ['$scope',
    function($scope) {
        $scope.fundData = [{
            "fund": "Mathematics",
            "goal": "250",
            "raised": "120",
            "link": "#general"
        }, {
            "fund": "Education",
            "goal": "5000",
            "raised": "1725",
            "link": "#education"
        }, {
            "fund": "Music",
            "goal": "3500",
            "raised": "4900",
            "link": "#music"
        }];
    }
]);</script>
</body>    
    </html>

Angular.js进度条
基金:{give.Fund}
{((give.raised/give.goal)*100){数字:0}}
100%
提高:{give.Raised}货币:“$”:0}}&compfn;目标:{give.Goal}货币:“$”:0}
var app=angular.module('progressApp',[]);
app.controller('progressBars',['$scope',
职能($范围){
$scope.fundData=[{
“基金”:“数学”,
“目标”:“250”,
“提出”:“120”,
“链接”:“概述”
}, {
“基金”:“教育”,
“目标”:“5000”,
“提高”:“1725”,
“链接”:“教育”
}, {
“基金”:“音乐”,
“目标”:“3500”,
“提高”:“4900”,
“链接”:“音乐”
}];
}
]);

我猜我的CSS工作得很好。谢谢您的帮助。

在html文件中编写脚本很好(尽管在我看来有点凌乱)

这里的问题似乎是您没有包括AngularJS库。 添加一个标记(对css的引用也应该在那里),其中包括AngularJS库。它应该是这样的:


...
您可能需要更改库的路径,具体取决于您的项目结构

请选择,以便您知道如何回答问题。“谢谢”的评论是不鼓励的。