私はAngularJS 1.5に 'news'というカスタムディレクティブを書いています。次のようにAngularJSオプションのng-transclude
それはレイアウトですが次のとおりです。
<div class="row">
<div class="largeText shadow1" ng-transclude="heading"></div>
<div class="mediumText shadow2" ng-transclude="content"></div>
</div>
次のようにこのディレクティブのJavaScriptファイルは次のとおりです。
return {
restrict: 'E',
transclude: {
'heading': 'heading',
'content': 'content'
},
scope: {
//Some parameters here
},
templateUrl: '/directives/news.html'
};
ご覧のとおり、私のニュースディレクティブは、見出しと内容フィールドと呼ばれ、2人の子供を持っています。次のように使用できます。
<news>
<heading>
//Any content goes here
</heading>
<content>
//Any content goes here
</content>
</news>
これまでのところ、このディレクティブは正常に動作します。つまり、見出しとコンテンツのセクションに内容が入っている限り、その指示は期待どおりに表示されます。しかし、私はこれらの排他スロットを必須ではないようにしようとしています。ディレクティブを次のように使用するときはいつでも:AngularJSはコンテンツスロットを満たしていないというエラーを投げます。これらのスロットをオプションにすることはこれまで可能ですか?
私が探しているのは、ありがとう! –