angularjs 双向数据绑定问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

angularjs 双向数据绑定问题

a123456678 2016-03-11 13:29:46 2001

做一个app样式的搜索功能,默认页面列出所有内容,根据搜索框内容筛选显示符合条件的项目,
搜索框放在ion-nav-title中就不在一个controller里了,这样怎么实现搜索框内容改变,主页内容中跟着变化?

html:
<ion-view ng-controller="PlaylistsCtrl" class="app_android" hide-nav-bar="false">
    <ion-nav-title>
        <div class="search-wrap" ng-controller="searchInput">
            <div class="search" style="width: 100%;">
                <label class="item-input">
                    <i class="icon ion-ios-search-strong placeholder-ion"></i>
                    <input type="search" placeholder="Find Doctor, Clinics, Specialist" ng-model="searchInput" ng-change="change(searchInput);">
                </label>
            </div>
        </div>
    </ion-nav-title>
    <ion-content class="app_find" overflow-scroll="false">
        <ion-refresher on-refresh="doRefresh();" refreshing-icon="ion-ios-eye-outline">
        </ion-refresher>
        <ion-list>
            <ion-item ng-repeat="playlist in playlists | filter:{title:searchInput}">
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

screenshot

分享到
取消 提交回答
全部回答(1)
  • 被纵养的懒猫
    2019-10-17 18:46:24

    AngularJS的工作原理是:HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板, 来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。因此, NG框架是在DOM加载完成之后, 才开始起作用的.

    答案来源于网络

    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章