该网站的基本理念是 eBay 克隆。 针对这个问题,我正在尝试构建竞价网页。
错误截图:enter image description here
链接到没有nodes_modules文件夹的完整项目:enter link description here
我正在尝试创建一个变量,该变量将显示用户单击按钮后输入的出价。 我不确定是否需要创建一个包含出价数组的构造函数。
.ts 文件代码:
import {Component, OnInit} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {Hero} from './hero';
import {HeroService} from './hero.service';
@Component({
selector: 'BiddingPageComponent',
templateUrl: 'app/BiddingPage.component.html',
styleUrls: ['app/BiddingPage.component.css'],
providers: [HeroService],
directives: [ROUTER_DIRECTIVES]
})
export class BiddingPageComponent
{
var slot1 = 0;
myFunction()
{
slot1 = "{{slot1}}";
}
}
.html 文件中我需要更改的唯一部分:
出价时段 1:
<input type="number" name="fname" value={{slot1}}><br>
完整的.html文件代码:
<html>
<center>
<h3>Bidding Page</h3>
</center>
<p></p>
<p></p>
<form>
<img src="http://weknowyourdreamz.com/images/apple/apple-05.jpg" alt="Apple" style="width:100px;height:100px;">
<p>
</p>
<label for="name">Apple </label>
<label for="name">Original Price: $1.00 </label> Description of item’s current condition:
<label for="name">Description of item’s current condition: </label>
<label for="name">The apple is a fleshy fruit from the apple tree.
It is in the species Malus domestica in the rose family Rosaceae.
The apple is one of the most grown tree fruits. It is grown in orchards.</label>
<p></p>
<form>
<label for="name">Time left on auction:
<input type="number" class="form-control" required>
<p></p>
<form>
<label for="name">Starting bid:</label>
<input type="number" class="form-control" required>
<p></p>
<label for="name">Number of bids so far: </label>
<label for="name">{{numberofbids}}</label>
<p></p>
Bid slot 1: <input type="number" name="fname" value={{slot1}}><br> Bid slot 2: <input type="number" name="fname" value={{slot2}}><br> Bid slot 3: <input type="number" name="fname" value={{slot3}}><br> Bid slot 4: <input type="number" name="fname"
value={{slot4}}><br> Bid slot 5: <input type="number" name="fname" value={{slot5}}><br> Bid slot 6: <input type="number" name="fname" value={{slot6}}><br> Bid slot 7: <input type="number" name="fname" value={{slot7}}><br>
</form>
</form>
<p></p>
<form>
<form>
<label for="name">Enter your bid: </label>
<input type="number" class="form-control" required>
<button onclick="myFunction()">Click here to bid.</button>
<p></p>
<button>Click here to return to the top.</button>
最佳答案
因为您正在使用 Typescript,只需从 var slot1 = 0;
中删除 var
关于javascript - Angular 2 : Unexpected Token error & displaying input into a variable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37063629/