AngularJS + simpleCart Issue 아이템이 추가 될 때까지 아이템이 추가 될 때까지

내 AngularJS 어플리케이션에 simpleCart를 도입했습니다.AngularJS + simpleCart Issue 아이템이 추가 될 때까지 아이템이 추가 될 때까지

내가 갖고있는 문제는 장바구니에 추가 버튼을 클릭했을 때 장바구니 내용 만 볼 수 있다는 것입니다.

http://plnkr.co/edit/omUfQDTJbzPi1ykzPJ9o?p=preview는

클릭 장바구니에 몇 번을 추가 참조 제품 하이퍼 링크를 클릭

열기 :

단계 문제를 재현합니다.
브라우저 새로 고침.
는
클릭 장바구니 내가 각도 꺼내 경우 카트가 현재 업데이트 된 값

쇼

공지 사항에 추가 카트 '의 항목을 볼 수 없습니다 참고 항목 제품 하이퍼 링크를

공지 사항을 클릭 내 앱의 카트와 항목은 항상 예상대로 표시됩니다.

가시성으로 Angular가 뭔가하고 있습니까?

index.html을 :

<head> 

    <script src="jQuery-1.11.1.js"></script> 
    <script src="simpleCart.js"></script> 
    <script> 
    simpleCart({ 
     checkout: { 
     type: "PayPal", 
     email: "[email protected]" 
     } 
    }); 
    simpleCart({ 
     cartColumns: [{ 
     attr: "name", 
     label: "Name" 
     }, { 
     attr: "price", 
     label: "Price", 
     view: 'currency' 
     }, { 
     attr: "quantity", 
     label: "Qty" 
     }], 
     cartStyle: "table" 
    }); 
    </script> 
</head> 

<body> 
    <h1>Hello Plunker!</h1> 

    <p><a href="#products">See products</a> 

    <div ng-app="myApp"> 
     <ng-view></ng-view> 
    </div> 

    <script src="angular.js"></script> 
    <script src="angularRoute.js"></script> 
    <script src="script.js"></script> 

</body>

products.html는 :

<div class="simpleCart_shelfItem"> 
    <h2 class="item_name"> Awesome T-shirt </h2> 
    <input type="text" value="1" class="item_Quantity"> 
    <span class="item_price">$35.99</span> 
    <a class="item_add" href="javascript:;"> Add to Cart </a> 
</div> 

<br> 

<div class="simpleCart_shelfItem"> 
    <h2 class="item_name"> Rubbish T-shirt </h2> 
    <input type="text" value="1" class="item_Quantity"> 
    <span class="item_price">$15.99</span> 
    <a class="item_add" href="javascript:;"> Add to Cart </a> 
</div> 


<a href="#cart">View cart</a> 

<div class="simpleCart_items"></div> 
<strong>Sub-total:</strong> <span class="simpleCart_total"></span> 
<strong>Shipping:</strong> <span class="simpleCart_shipping"></span> 
<strong>Total:</strong> <span class="simpleCart_grandTotal"></span>

출처

2014-10-20 Oam Psy

안녕하세요. 동일한 문제가 있습니다. 어떤 조언을 찾았습니까? – hugsbrugs

나는 컨트롤러에 simpleCart.update();를 추가하는 카트가 적절하게 표시됩니다 것을 발견했다. 참조 : 콘텐츠가 아직로드되지 않았으므로 SimpleCart가 첫 번째 단계에서 각도가 생성되기 전에 업데이트해야하는 DOM 요소를 찾는 것으로 보입니다. update() 호출은 SimpleCart가 이러한 요소를 찾을 수있는 또 다른 기회를 제공합니다.

출처

2014-12-21 05:42:22

AngularJS + simpleCart Issue 아이템이 추가 될 때까지 아이템이 추가 될 때까지

답변

관련 문제