Questions tagged [angularjs-design-patterns]

3 questions

votes

1 answer

AngularJS: Where does code belong that updates a form field after a promise is resolved?

In my AngularJS app, I have a template that contains a

and a submit button. A <div> (which could just as easily be a <form>) wraps both of those elements and has a controller. The controller utilizes a $resource service to POST the value…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a> 
                
                <a href="../../questions/tagged/separation-of-concerns" class="post-tag grid--cell" title="show questions tagged 'separation-of-concerns'" rel="tag">separation-of-concerns</a> 
                
                <a href="../../questions/tagged/angularjs-design-patterns" class="post-tag grid--cell" title="show questions tagged 'angularjs-design-patterns'" rel="tag">angularjs-design-patterns</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Dec 06 '15 at 03:40">asked Dec 06 '15 at 03:40</time>
    <a href="../../users/630544/shaun-scovil" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/630544.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Shaun Scovil" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/630544/shaun-scovil" class="s-user-card--link">Shaun Scovil</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,905</li>
            <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li>
            <li class="s-award-bling s-award-bling__silver" title="39 silver badges">39</li>
            <li class="s-award-bling s-award-bling__bronze" title="58 bronze badges">58</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-33584468">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/33584468/how-to-setup-a-parent-child-with-a-resolve-and-nested-states-in-ui-router" class="question-hyperlink">How to setup a parent/child with a resolve and nested states in ui-router?</a></h3>
        <div class="excerpt">I'm trying to refactor our current layout to add in a dynamic show/hide section above the header on our page.  We are using Angularjs 1.4.2 with ui-router and currently we are using separate route files, although we have a main route.  The main.html…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a> 
                
                <a href="../../questions/tagged/nested" class="post-tag grid--cell" title="show questions tagged 'nested'" rel="tag">nested</a> 
                
                <a href="../../questions/tagged/angular-ui-router" class="post-tag grid--cell" title="show questions tagged 'angular-ui-router'" rel="tag">angular-ui-router</a> 
                
                <a href="../../questions/tagged/state" class="post-tag grid--cell" title="show questions tagged 'state'" rel="tag">state</a> 
                
                <a href="../../questions/tagged/angularjs-design-patterns" class="post-tag grid--cell" title="show questions tagged 'angularjs-design-patterns'" rel="tag">angularjs-design-patterns</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 07 '15 at 15:34">asked Nov 07 '15 at 15:34</time>
    <a href="../../users/543572/james-drinkard" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/543572.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="James Drinkard" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/543572/james-drinkard" class="s-user-card--link">James Drinkard</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">15,342</li>
            <li class="s-award-bling s-award-bling__gold" title="16 gold badges">16</li>
            <li class="s-award-bling s-award-bling__silver" title="114 silver badges">114</li>
            <li class="s-award-bling s-award-bling__bronze" title="137 bronze badges">137</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-38966527">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/38966527/load-dynamic-content-into-a-container-in-angularjs-ver-1-4" class="question-hyperlink">Load dynamic content into a container in AngularJS ver.1.4</a></h3>
        <div class="excerpt">I have an articles container:
<div ng-controller="articlesCtrl" >
    <ul id="articles-container" >
        <li class="article">
            <div>Article 1</div>
            <div>Article Text</div>
        </li>
        <li>
            <div>Article…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a> 
                
                <a href="../../questions/tagged/angularjs-directive" class="post-tag grid--cell" title="show questions tagged 'angularjs-directive'" rel="tag">angularjs-directive</a> 
                
                <a href="../../questions/tagged/angularjs-ng-repeat" class="post-tag grid--cell" title="show questions tagged 'angularjs-ng-repeat'" rel="tag">angularjs-ng-repeat</a> 
                
                <a href="../../questions/tagged/angularjs-design-patterns" class="post-tag grid--cell" title="show questions tagged 'angularjs-design-patterns'" rel="tag">angularjs-design-patterns</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card__deleted">
    <time class="s-user-card--time" datetime="asked Aug 16 '16 at 04:09">asked Aug 16 '16 at 04:09</time>
    <div class="s-avatar s-avatar__32 s-user-card--avatar">
    </div>
    <div class="s-user-card--info">user4474387</div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>