angularjsを使用して、マルチselect2ドロップダウン用のプランカーコードを1つ取得しました。私のコードで実行しているときに、オプション値が選択オプションにバインドされていないことを除いて、正常に動作します。
以下の plunker デモをリンクしましたが、plunker のコードはエラーなしで正常に実行されましたが、私のコードで実行中に何らかの理由でこのエラーが発生しました...
コンソール エラー:
**"TypeError: transclude is not a function"**
プランカーリンク:
http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview
ここに、このデモ モジュールを以下のような私のモジュールに含めます。
var gateApp = angular.module('gateApp', ["demo","angucomplete"])
私は誰でも私に提案を与えることができるこのエラーと戦っています。
参考までに、コンソールでレンダリングされた HTML コード:
<ul class="ui-select-choices ui-select-choices-content select2-results ng-scope" repeat="color in availableColors | filter:$select.search">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-binding ng-hide" ng-bind="$group.name">
</div>
<ul role="listbox" id="ui-select-choices-0" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" class="select2-result-single"><!-- ngRepeat: color in $select.items -->
<!-- ngIf: $select.open -->
<li role="option" id="ui-select-choices-row-0-0" class="ui-select-choices-row ng-scope select2-highlighted" ng-class="{'select2-highlighted': $select.isActive(this), 'select2-disabled': $select.isDisabled(this)}" ng-repeat="color in $select.items" ng-if="$select.open" ng-click="$select.select(color,false,$event)"><div class="select2-result-label ui-select-choices-row-inner" uis-transclude-append="">
</div>
</li><!-- end ngIf: $select.open -->
<!-- end ngRepeat: color in $select.items -->
<!-- ngIf: $select.open -->
<li role="option" id="ui-select-choices-row-0-1" class="ui-select-choices-row ng-scope" ng-class="{'select2-highlighted': $select.isActive(this), 'select2-disabled': $select.isDisabled(this)}" ng-repeat="color in $select.items" ng-if="$select.open" ng-click="$select.select(color,false,$event)">
</li><!-- end ngIf: $select.open --><!-- end ngRepeat: color in $select.items --><!-- ngIf: $select.open -->
</ul>
</li>
</ul>