angularjs - ngif タグの外側でスコープを拡大しますか?

Question

angularには、次のようなテンプレートが少しあります。

                <div ng-if="fieldset.expandable">
                    <label class="checkbox">
                    <input 
                        ng-model="checked"
                        value="ignore"
                        type="checkbox"
                    >
                        {{fieldset.expandable}}
                        {{checked}}

                    </label>

                </div>

ng-if 属性がある場合、{{checked}} は DOM のその部分内でのみ機能します。それ以外はただの空です。これはなぜですか、どうすればよいですか?

Answer 1

ディレクティブはng-if新しいスコープを作成します。オブジェクトを使用します。

<!-- works outside ng-if as well -->
{{obj.checked}}
<div ng-if="fieldset.expandable">
    <label class="checkbox">
        <input ng-model="obj.checked" value="ignore" type="checkbox">
            {{fieldset.expandable}}
            {{obj.checked}}
    </label>
</div>

コントローラーで:

$scope.obj = {"checked":""};