javascript无法与html链接
大家好,目前我的JavaScript无法与我的html链接 我的结果应该是这样的: WTA:我将所有使用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代码中可以吗
尝试过,但得到了以下结果:
像这样在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}} ∘ Goal: {{give.goal | currency:"$":0}}</span>
<a class="donate" ng-href="{{give.link}}">Donate »</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库。它应该是这样的:
...
您可能需要更改库的路径,具体取决于您的项目结构请选择,以便您知道如何回答问题。“谢谢”的评论是不鼓励的。