Angular UI-Markierung auswählen Einfache String-Tags (mit benutzerdefiniertem Tag-Label und Sortierung aktiviert)

Ich baue eine Rezept-Website, die angular ui-select beim Hinzufügen von Tags verwendet, die zur db hinzugefügt werden, wenn sie nicht bereits in db ist.Angular UI-Markierung auswählen Einfache String-Tags (mit benutzerdefiniertem Tag-Label und Sortierung aktiviert)

heruntergeladen I AngularJS und Angular UI-Select und fügte hinzu, es in meinem BundleConfig.cs und fügte den demo.js Code here in meinem 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"));

dann ich habe dies in meinem html

<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>

dann unten in meinem Skript Abschnitt

@section Scripts { 
@Scripts.Render("~/bundles/jqueryval") 
@Scripts.Render("~/bundles/angular") 
@Scripts.Render("~/bundles/select") 
@Scripts.Render("~/bundles/site") 
}

aber wenn ich es die Ausgabe ich laufen ist dies Output of demo

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

Ich habe auch versucht, alle CSS und JS Hinzufügen von Links, aber es hat nicht funktioniert.

Ich weiß nicht, was ich vermisse, kann mir jemand helfen?

Quelle

2017-12-22 klent

Es scheint, dass Ihr Code in asp.net MVC ist, fügen Sie auch das Tag dafür hinzu. Wenn man auf den ersten Blick sieht, scheint es ein Problem mit der Bündelung zu geben. – Mittal

@Mittal Ich habe bereits ein asp.net-mvc-Tag. Ich habe die ng-app und ng-controller in meinem geteilten Layout hinzugefügt und es hat funktioniert. – klent

Ich versuchte, die ng-App und ng-Controller in _Layout.cshtml anstelle des div setzen, dass die ALV-select in meinem html

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

dann habe ich $ http zum js Code umschließenden wurde

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

Quelle

2017-12-26 05:37:56 klent

Angular UI-Markierung auswählen Einfache String-Tags (mit benutzerdefiniertem Tag-Label und Sortierung aktiviert)

Antwort

Verwandte Themen