I have already swept the internet for a solution, but in no way does the angular work on my project. In the project in which I want to use it I have existed many javascript imports I do not know if this might be the problem, but below I illustrate how I am configuring it.
<html ng-app="jooceBox">
<head ng-app="jooceBox">
<meta charset="utf-8">
<title>JooceBox v1.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script><scriptsrc="${pageContext.request.contextPath}/resources/js/wizard/lib/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.js"></script><scripttype="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<!-- Arquivo que contem as diretrizes do Angular -->
<script src="${pageContext.request.contextPath}/resources/js/app-crm/service.js" type="text/javascript"></script>
<!-- Pulando o codigo -->
<div ng-controller="StoreController">
<p>{{greeting.text}}, world </p>
</div>
<!-- Pulando o codigo -->
</head>
service.js
(function(){
var app = angular.module('jooceBox', ['ngRoute','ngResource']);
app.controller('StoreController', function($scope,$resource) {
$scope.greeting = { text: 'Hello' };
});
var gem = {
name : 'Azurite',
price : 110.50,
canPurchase : false,
soldOut : false
};
});