实例在 angularproject:未完成

    1. <div class="back" >
    2.     <a [routerLink]="[ '/home']">返回</a>
    3. </div>
    6. <div class="p_content">        
    7.     <div class="p_info">
    9.         <img [src]="domain+list.img_url" />            
    10.         <h2>{{list.title}}</h2>                
    11.         <p class="price">{{list.price}}/份</p>
    12.     </div>
    13.     <div class="p_detial">
    14.         <h3>
    15.             商品详情                    
    16.         </h3>
    17.         <div class="p_content" [innerHTML]="list.content"> 
    19.         </div>
    20.     </div>
    21. </div>
    24. <footer class="pfooter">
    26.     <div class="cart">                
    27.         <strong>数量:</strong>
    28.         <div class="cart_num">
    29.             <div class="input_left">-</div>
    30.             <div class="input_center">
    31.                 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
    32.             </div>
    33.             <div class="input_right">+</div>                      
    34.         </div>                                
    36.     </div>
    38.     <button class="addcart">加入购物车</button>            
    39. </footer>
    1. <div class="back" >
    2.     <a [routerLink]="[ '/home']">返回</a>
    3. </div>
    6. <div class="p_content">        
    7.     <div class="p_info">
    9.         <img [src]="domain+list[0].img_url" />
    10.         <h2>{{list[0].title}}</h2>                
    11.         <p class="price">{{list[0].price}}/份</p>
    12.     </div>
    13.     <div class="p_detial">
    14.         <h3>
    15.             商品详情                    
    16.         </h3>
    17.         <div class="p_content" [innerHTML]="list[0].content"> 
    19.         </div>
    20.     </div>
    21. </div>
    24. <footer class="pfooter">
    26.     <div class="cart">                
    27.         <strong>数量:</strong>
    28.         <div class="cart_num">
    29.             <div class="input_left">-</div>
    30.             <div class="input_center">
    31.                 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
    32.             </div>
    33.             <div class="input_right">+</div>                      
    34.         </div>                                
    36.     </div>
    38.     <button class="addcart">加入购物车</button>            
    39. </footer>
    1. <div class="back" >
    2.     <a [routerLink]="[ '/home']">返回</a>
    3. </div>
    6. <div class="p_content">        
    7.     <div class="p_info">
    9.         <img [src]="domain+list['img_url']" />            
    10.         <h2>{{list['title']}}</h2>                
    11.         <p class="price">{{list['price']}}/份</p>
    12.     </div>
    13.     <div class="p_detial">
    14.         <h3>
    15.             商品详情                    
    16.         </h3>
    17.         <div class="p_content" [innerHTML]="list['content']"> 
    19.         </div>
    20.     </div>
    21. </div>
    24. <footer class="pfooter">
    26.     <div class="cart">                
    27.         <strong>数量:</strong>
    28.         <div class="cart_num">
    29.             <div class="input_left">-</div>
    30.             <div class="input_center">
    31.                 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
    32.             </div>
    33.             <div class="input_right">+</div>                      
    34.         </div>                                
    36.     </div>
    38.     <button class="addcart">加入购物车</button>            
    39. </footer>
    1. <div class="back" >
    2.     <a [routerLink]="[ '/home']">返回</a>
    3. </div>
    4. <div class="p_content">        
    5.     <div class="p_info" >                
    6.         <img src="assets/images/product.jpg"/>
    7.         <h2>小炒肉</h2>                
    8.         <p class="price">22.00/份</p>
    9.     </div>
    10.     <div class="p_detial">
    11.         <h3>
    12.             商品详情                    
    13.         </h3>
    16.         <div class="p_content"> 
    17.             <img src="assets/images/product.jpg"/>
    18.             <br />
    19.             <p>
    20.                 韩国辣酱海鲜炒面,青椒炒牛肉,芦笋腰果炒虾仁,『家常料理』简单又好吃的辣炒起司年糕鸡排
    21.             </p>
    23.             <br />
    24.             <p>
    25.                 韩国辣酱海鲜炒面,青椒炒牛肉,芦笋腰果炒虾仁,『家常料理』简单又好吃的辣炒起司年糕鸡排
    26.             </p>
    27.         </div>
    28.     </div>
    29. </div>
    32.     <br><br><br><br>
    33. <footer class="pfooter">
    35.     <div class="cart">                
    36.         <strong>数量:</strong>
    37.         <div class="cart_num">
    38.             <div class="input_left">-</div>
    39.             <div class="input_center">
    40.                 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
    41.             </div>
    42.             <div class="input_right">+</div>                      
    43.         </div>                                
    44.     </div>
    45.     <button class="addcart">加入购物车</button>            
    46. </footer>