ng-ng-showが動作しない場合は、

Question

私はAngularJSのページを表示する必要があります（私は無限のスクロールを実装しました）。

最初のページはサーバーからのものです。したがって、最初のページにはng-ifを入れなければなりません。これは、ユーザーが「address/page = 5」というブックマークを持つことができ、サーバーの最初のページのhtmlテンプレートがページ内にある必要がないためです。

ここでは、サーバーのページに固有のURL「アドレス」があります。

ng-ifは動作しませんが、ページは空ですが、ng-showを使用するとすべて正常に動作します。作品の罰金場合はNG-

HTML

​​

JS

myApp.controller('MyCtrl', function($scope, ItemGallery) { 
    $scope.item_gallery = new ItemGallery(); 
    ... 
} 

myApp.factory('ItemGallery', function($http) { 
    var ItemGallery = function() { 
    ... 
     ItemGallery.prototype.nextPage = function() { 
     ... 
     } 
    return ItemGallery; 
} 

私はコメントしない場合は、

//$scope.item_gallery = new ItemGallery(); 

、ページが正しく示しましたさ。

ng-if + lineコメント、ng-showを使用するとページが表示されます。

注：

ng-if="true"は動作しません、それは私がNG-ショーを使用したくない、ng-if="server_page()" 使用された関数の問題ではありません。

なぜng-ifが機能しないのですか？その行の問題は何ですか？どうすればそれを動作させることができますか？

は、例えばモデルとしてSCOPEは使用しないでください。

Answer 1

私は解決策を持っています。

コンソールは、私に言っていた：

がnullのプロパティ 'REL' を読み取ることができません。

これは私がvar ItemGallery = function()内でやっていたので、まず最初に起こった、（次のページは、AJAXリクエストから来ている）次のページのhrefを変更することでした。次のページのhrefは、現在のページの一番下にある<div>にあります。

現在のページが読み込まれる前に、次のページのhrefを変更しています。

..だから

window.onload = function() { 
       this.nextPageQueryString = document.getElementById("nextPage").rel; 

       this.next_href = this.domain_url + this.nextPageQueryString; 
      }; 

注：これは私の問題を解決したが、私はそれが非常に奇妙見つけます。 ng-ifは、次のhrefの 'rel'プロパティを表示できませんでした。空のページがあります。 Angularでは 'rel'プロパティが表示され、すべて正常に動作します。

ng-ifは、私がhtmlで持っているものとは別に動作するはずです。

私はまだng-ifの動作を理解できません。

Answer 2

NG-場合は、親指のルールがある場合はNGでモデルの上に時計を維持するために、新しい子スコープ

を作成します

ng-if='showStuff' //here my scope is model **INCORRECT** 
ng-if='someObject.showStuff' // ** CORRECT ** 

新しい子スコープの親スコープが変更になります作成してもNG-場合ならば、NG-モデル内のオブジェクトのプロパティを使用します。

一方、ng-showは新しいスコープを作成せず、親スコープで動作します。あなたの場合は

それは動作するはず

$scope.someObject.item_gallery = new ItemGallery(); 

に

$scope.item_gallery = new ItemGallery(); 

を変更してください。