角度UI - タグ付けを選択する簡易文字列タグ（カスタムタグラベルと並べ替えが有効）

タグを追加する際に角度ui-selectを使用するレシピウェブサイトを構築しています。角度UI - タグ付けを選択する簡易文字列タグ（カスタムタグラベルと並べ替えが有効）

私はその後、AngularJSと角度UI-セレクトをダウンロードして、私のBundleConfig.csにこれを追加しましたし、私のSite.js

BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/angular").Include(
"~/Scripts/angular.min.js")); 

bundles.Add(new ScriptBundle("~/bundles/select").Include(
"~/Scripts/select.min.js")); 

bundles.Add(new ScriptBundle("~/bundles/site").Include(
"~/Scripts/Site.js"));

にdemo.jsコードhereを追加しました私は私のスクリプトセクションの下に

<ui-select multiple tagging tagging-label="(custom 'new' label)" ng-model="ctrl.multipleDemo.colors" theme="bootstrap" sortable="true" ng-disabled="ctrl.disabled" style="width: 300px;" title="Choose a color"> 
<ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match> 
<ui-select-choices repeat="color in ctrl.availableColors | filter:$select.search"> 
    {{color}} 
</ui-select-choices> 
</ui-select> 
<p>Selected: {{ctrl.multipleDemo.colors}}</p>

その後、私のhtmlでこれを追加

が、私はそれを実行したときに私が手出力はこの Output of demo

{{$item}} {{color}} 
Selected: {{ctrl.multipleDemo.colors}}

である私はまた、すべてのCSSやJSのリンクを追加しようとしたが、それはうまくいきませんでした。

私は何が不足しているかわからない、誰かが私を助けることができますか？

出典

2017-12-22 klent

あなたのコードは、asp.net MVCにあり、そのタグも追加しているようです。最初の一見を調べることによって、あなたのバンドリングに何らかの問題があるように見えます。 – Mittal

@Mittal私は既にasp.net-mvcタグを持っています。共有レイアウトにng-appとng-controllerを追加しました。 – klent

私はその後、私はJSコード

に$ HTTPを追加代わりに私のhtmlで

<html ng-app="app"> 
<head> 
</head> 
<body ng-controller="mainCtrl">

をUI選択を囲むたdiv要素の_Layout.cshtmlでNGアプリとNG-コントローラを入れてみました

var app = angular.module('app', []) 
    app.controller('mainCtrl', function ($scope, $window, $http) {

出典

2017-12-26 05:37:56 klent

角度UI - タグ付けを選択する簡易文字列タグ（カスタムタグラベルと並べ替えが有効）

答えて

関連する問題