J'essaie de créer ma première page angulaire et j'ai essayé de suivre une vidéo. Ma solution dans une solution MVC et j'ai ajouté Angular à travers "Manage Nuget Packages".Essayer de créer ma première page en utilisant angulaire. Obtenir l'identification prévue dans le fichier javascript
Dans cette même solution j'utilisais MVC et j'étais capable de tirer des données à partir de framework d'entité pour remplir une liste déroulante. J'ai donc décidé de créer une page HTML qui montre un exemple d'extraction de données depuis EF en utilisant Angular.
La vidéo montre la création d'un myapp.js
La première ligne est la suivante:
var monapp = angular.module ('myapp', []);
Une erreur indiquant Expected Identifier s'affiche sur le premier crochet et le programme s'arrête lorsque vous tentez d'exécuter ce point.
Il y a aussi une autre erreur plus bas dans le script mais je pense que je pourrais avoir quelque chose de mal configuré pour angulaire. Je reçois aussi des erreurs dans mon code HTML partout où je fais référence à «tout», mais je lis si j'ajoute des données avant que les erreurs disparaissent. Je ne suis pas sûr si cela a quelque chose à voir avec les erreurs dans le javascript mais j'espérais trouver de l'aide. Je viens d'un arrière-plan en matière de formulaires Web et j'essaie de me familiariser avec les nouvelles technologies. Toute aide serait grandement appréciée!
SUIVI:
La vidéo exemple vient de montrer l'exemple faire angulaire dans un HTML standard. C'est ainsi que j'ai créé mon exemple et j'ai défini la solution pour démarrer cette page par défaut qui semble fonctionner.Je ne sais pas si cela a quelque chose à voir avec mon problème, mais voici mon code:
// MY ROUTE.CONFIG FILE
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
namespace MVC_APP1
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);
}
}
}var myapp = angular.module('myapp'), []);
myapp.controller('maincontroller', fuction($scope,$http)
{
$http.get('/Company/Index').then(function=(response) {
$scope.companies=response.data;
})
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/angular.js"></script>
<script src="Scripts/myapp.js"></script>
</head>
<body data-ng.app="myapp">
<div data-ng-controller="maincontroller">
<select data-ng-model="s" data-ng-options="Company.Company_Key as Company.Company_Name for Company in companies"></select>
</div>
</body>
</html>
Je ne vois rien de mal à syntaxiquement qu'une ligne de code. – David
Vous devrez montrer votre 'index.cshtml' pour mieux comprendre comment votre projet MVC est configuré et comment vous essayez de charger Angular. Aussi votre configuration de route ainsi que le contrôleur de la maison ou équivalent. –
J'ai ajouté le code ci-dessus. Merci pour vos réponses. J'apprécie toute aide que je peux obtenir! – jack