Uncaught SyntaxError: Unexpected token <

Front-end JavaScript
,
#1

Bom dia, estou criando um projeto de estudo do zero utilizando spring + angular.
Criei um propotipo de cadastro e inclui um

Olá {{controller.user}}

na jsp.

Porém ao abrir a pagina pelo navegador ocorre o erro no enunciado e um Olá {{controller.user}} na pagina.

servlet-context.xml inclui

    <resources mapping="/resources/**" location="/resources/" />

index.jsp
<%@ page language=“java” contentType=“text/html; charset=ISO-8859-1” pageEncoding=“ISO-8859-1”%>

Cadastro - Alexandre 
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				
			</div>
			<ul class="nav navbar-nav">
				<li class="active"><a href="/Cadastro">Home</a></li>
				<li><a href="#">Page 1</a></li>
				<li><a href="#">Page 2</a></li>
			</ul>
		</div>
	</nav>	

	<div class="container">
	
	  <h2>Cadastro de Usuários</h2>
	  
	  <h1>Olá {{controller.user}}</h1>
	
	  <form>
	    
 		<div class="form-group">
	      <label for="text">Nome:</label>
	      <input type="text" class="form-control" id="nome" placeholder="Nome" name="nome">
	    </div>	    
	    
	    <div class="form-group">
	      <label for="email">Email:</label>
	      <input type="email" class="form-control" id="email" placeholder="Email" name="email">
	    </div>
	    
	    <div class="form-group">
	      <label for="cadastro">Cadastro:</label>
	      <input type="date" class="fa fa-calendar" id="cadastro"  name="cadastro">
	    </div>

	    <div class="checkbox">
	      <label><input type="checkbox" name="ativo">Ativo</label>
	    </div>
	    
	    <button type="submit" class="btn btn-success">Salvar</button>
	    <button type="button" class="btn btn-danger">Excluir</button>
	    
	  </form>
	</div>
</body>

cadastroController.js
var app = angular.module(“CadastrarControllerApp”, []).
controller(“CadastrarController”, function(){
var self = this;
self.user=“Alexandre”;
});

#2

Por que está usando jsp? Se vai usar angular, use HTML que é muito mais flexível e mais simples.

#3

Boa tarde Darlan, não tenho dúvidas quanto a flixibilidade. Renomeei pra html, ai não encontra a pagina

#4

Eu não sei como você está tentando fazer isso, nem qual tutorial/livro/vídeo/apostila ou guru indiano está seguindo, o que sei é que 99,9% da humanidade que usa angular (js, 2, 4, 5, 6, 7, 100) não o faz em JSP.

O erro apresentado se refere a um abre tag < que está no teu código e não deveria.

#5

Estou seguindo esse video


a diferença que estou usando eclipse.
Meu projeto usa jsp pois a implementação está em java com spring, no memo projeto, como no video
#6

bom dia @xandevieira, eu já fiz esse tipo aplicação (JSP + Angular 1.5) e deveria funcionar sim, vc poderia postar todo o código JSP da página?

#7

Bom dia @Edjlle esta é a jsp

<!DOCTYPE html>
Cadastro label{ display: inline-block; width: 90px; } 
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<img class="rg_ic rg_i" data-src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ9Y2HByk7CPkYqdlzCf7l3m05Nd_GlG-tigfyAbNzIF4zz6eY-" jsaction="load:str.tbn" alt="Resultado de imagem para angularjs" onload="typeof google==='object'&amp;&amp;google.aft&amp;&amp;google.aft(this)" style="width: 304px; height: 86px; margin-left: 0px; margin-right: 0px; margin-top: 33px;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ9Y2HByk7CPkYqdlzCf7l3m05Nd_GlG-tigfyAbNzIF4zz6eY-">
			</div>
			<ul class="nav navbar-nav">
				<li class="active"><a href="/Cadastro">Home</a></li>
			</ul>
		</div>
	</nav>	

	<div class="container">
	
	  <h2>Cadastro de Usuários</h2>
	  
	  <h5>Olá {{controller.usuario}}</h5>
	
	  <form>
	  
		<div class="form-group">
		  <label for="codigo" class="col-sm-2 control-label">Id</label>
		    <input class="form-control" id="codigo" type="number" disabled data-ng-model="codigo">
		</div>
	    
 		<div class="form-group">
	      <label for="text">Nome:</label>
	      <input type="text" class="form-control" id="nome" placeholder="Nome" name="nome" data-ng-model="nome">
	    </div>	    
	    
	    <div class="form-group">
	      <label for="email">Email:</label>
	      <input type="email" class="form-control" id="email" placeholder="Email" name="email" data-ng-model="email">
	    </div>
	    
	    <div class="form-group">
	      <label for="cadastro">Cadastro:</label>
	      <input type="date" class="fa fa-calendar" id="cadastro"  name="cadastro" data-ng-model="cadastro">
	    </div>

	    <div class="checkbox">
	      <label><input type="checkbox" name="ativo" data-ng-model="ativo">Ativo</label>
	    </div>
	    
	    <button type="submit" class="btn btn-success" data-ng-click="controller.salvarUsuario()">Salvar</button>
	    <button type="button" class="btn btn-danger" data-ng-click="controller.excluirUsuario()">Excluir</button>
	    
	  </form>
	</div>
</body>