Угловой пример JS + Asp.Net MVC; Угловое не указано

Я знаю, что это основной вопрос, я попытался найти обходной путь, и он работает. Но я хочу знать, чего мне здесь не хватает.Угловой пример JS + Asp.Net MVC; Угловое не указано

Я создал образец приложения с Asp.Net MVC и угловой, просто попытался отобразить жесткий текст в виде MVC из углового и не отображаться. Я предполагаю, что это происходит, так как он не может найти ссылку на угловую ссылку. Я попытался просмотреть источник и найти ссылку.

В последнем случае я предоставил полный путь файла Angular.js и его работоспособность.

Код: BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/AMV_Angular1") 
      .IncludeDirectory("~/Scripts/Controllers","*.js") 
      .Include("~/Scripts/AMV_Angular1.js", 
      "~/Scripts/Angular.js"));

Index.cshtml

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
    <title ng-bind="helloAngular"></title> 
</head> 
<body ng-controller="cnt"> 

    <input type="text" ng-model="helloAngular" /> 
    <h1>{{helloAngular}}</h1> 

    @Scripts.Render("~/bundles/AMV_Angular1") 
</body> 
</html>

Javascript Файл

(function() { 
    var myApp = angular.module('myApp', []); 

    myApp.controller("cnt", function ($scope) { 
     $scope.helloAngular = "this is from Angular"; 
    }); 

}());

Ниже выводится в HTML и источник оказанной HTML

Ниже моя структура каталогов

источник

2016-06-18 Ramu

есть какая-либо ошибка в консоли? Что происходит при запуске примера? Предоставьте минимальный пример, который воспроизводит проблему. –

@GeorgeStocker: ошибок в консоли нет. при запуске примера отображается {{hello Angular}} (который я отобразил на изображении). Пожалуйста, если вы можете щелкнуть изображение, которое я загрузил, он предоставит все детали, которые я мог бы детализировать. Пожалуйста, дайте мне знать, нужен ли какой-либо другой вход. Спасибо – Ramu

Ваш минимальный пример должен быть в виде кода; не скриншоты. –

Похоже, вы загружаете свои сценарии в неправильном порядке. Angular.js должен быть загружен перед вашими контроллерами и т. Д. Из-за их зависимости от angular.js.

Попробуйте добавить его первым в своем пачке:

bundles.Add(new ScriptBundle("~/bundles/AMV_Angular_source") 
      .Include("~/Scripts/Angular.js")); 

bundles.Add(new ScriptBundle("~/bundles/AMV_Angular1") 
      .IncludeDirectory("~/Scripts/Controllers","*.js") 
      .Include("~/Scripts/AMV_Angular1.js"));

источник

2016-06-19 15:29:42

Замечательный. Работает как шарм. Мысль из-за углового не была рецензирована. его глупость, что я не мог его распознать. Спасибо за ваше время и помощь. – Ramu

@Ramu Great! Маленькие детали иногда труднее всего поймать, честная ошибка. Хорошего дня! –

Угловой пример JS + Asp.Net MVC; Угловое не указано

ответ

Смежные вопросы