angularjs在按钮点击后获取值

Question

我正在创建一个angularjs应用程序，应用程序就是当用户输入客户ID时，结果将显示所有值

默认情况下，应用程序看起来像这样

在用户ID框中输入id后，mobile将根据用户ID

显示带有值的结果

我可以使用角度(post.topicId === topic._id) && (topic.userId === user._id) 更改div按钮，但稍后当我从API获取值时，我需要知道如何在按钮点击后使用值加载div。

现在面临的问题

顶部滑块有一个ng-show插件但是当我按下按钮后加载div时，bxslider没有高度，我需要调整窗口大小，然后只有bxslider可见。

这是我的代码

HTML

bxslider

控制器

<div class="mobile_app" ng-controller="mobileViewCtrl">
    <div class="mobile_app_inner" ng-hide="showScreen">
        <img src="images/logo.png" class="default_logo">
    </div>
    <div class="mobile_app_inner" ng-scrollbars ng-show="showScreen">
        <div class="banner_section" ng-model="bannerSlider" bx-slider realign="showScreen">
            <div class="slide" ng-repeat="banner in mobileBanner track by $index">
                <img ng-src="images/{{banner}}">
            </div>
        </div>
        <div class="category_section clearfix">
            <div class="col-xs-3 category_box" ng-repeat="cate in categories track by $index">
                <a href="#">
                    <img ng-src="images/{{cate.image}}">
                    <p>{{cate.name}}</p>
                </a>
            </div>
        </div>
        <div class="smart_message">
            <p>Get 150 Crowns on your referral's 1st check-in with Min. Bill of Rs. 100. Valid Till 15-Aug.</p>
        </div>
        <div class="mission_outer_box">
            <div class="mission_box clearfix" ng-repeat="mission in missions">
                <img src="images/tick_patch.png" class="expired_img" ng-show="{{mission.status=='Completed'}}">
                <h2>{{mission.name}}</h2>
                <p class="clearfix"><em>Win</em> <span><img src="images/crown.png"> {{mission.crownwin}} Crowns</span> <span><img src="images/voucher.png"> {{mission.voucherwin}} Voucher</span></p>
                <div class="progress_box_outer clearfix">
                    <div class="progress_box">
                        <span style="width:{{100/mission.tasktotal*mission.taskdone}}%"></span>
                    </div>
                    <p class="progress_count">{{mission.taskdone}}/{{mission.tasktotal}}</p>
                </div>
                <div class="expiry_date">
                    <p>{{mission.status}}</p>
                </div>
            </div>
        </div>
    </div>
</div>