与ng-src双向绑定(angularjs)

时间:2015-10-12 13:58:55

标签: angularjs data-binding webview

我正在尝试使用angularjs显示webview,并在webview列表中创建webview url stocken:webview.url。问题是当一个人开始在webview中导航时,webview(src属性)中的url更改,而不是项目列表中的webvew.url。 为了解这个问题,我使用iframe制作了这个示例:http://plnkr.co/edit/MTgNNNZefliS507Fw0Jj?p=preview

如何在webview中自动更改 src值更改项目列表中的webview.url? 我的意思是使ng-src双向绑定

谢谢!

在我的页面中:

  <ul id="myviews" class="cd-nav">
        <li id="{{webView.id}}" ng-repeat="webView in webViews">
           <webview id="webview{{webView.id}}" class="mywebviews" ng-src="{{webView.url}}">
           </webview>
        </li>
     </ul> 

在我的app.js中:

 var trustedUrl = $scope.trustSrc("http://google.com");
        $scope.webViews = [
            {
                id : "webview0",
                url: trustedUrl,
                classe: "opened"
            }
       ];

当客户尝试访问网址时:

   var idnewwebview = $scope.webViews.length + 1;
        var trustedUrl =.// Recupered via an input...
        $scope.webViews.push(
                        {
                            id : idnewwebview,
                            url: trustedUrl,
                            classe: "opened"
                        }
                     );

0 个答案:

没有答案