2013-08-21 2 views
4

Я новичок в angularjs и пытался создать образец углов в файле Facelets. Но я получаю сообщение об ошибке в строке <html ng-app> в Eclipse IDE. Ошибка указывает, что за атрибутом ng-app должен следовать символ =. Невозможно включить код angularjs в файл Facelets XHTML?Можем ли мы включить компонент углов в Facelets page

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns:ng="http://angularjs.org" ng-app> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
</head> 
<body> 
<div> 
<label>Name:</label> 
<input type="text" ng-model="yourName" placeholder="Enter a name here"> 
<hr> 
<h1>Hello {{yourName}}!</h1> 
</div> 
</body> 
</html> 
+0

Покажите нам часть кода, в котором сообщается об ошибке. –

+0

IDE может просто попробовать, чтобы HTML проверял файл. Ваше приложение должно работать только с атрибутом «ng-app». – AlwaysALearner

+0

, но я попытался получить доступ к странице с помощью firefox. Это не сработало. – aquero

ответ

0

Укажите атрибут ng-app.

Значение атрибута будет таким же, как имя переменной, содержащее возвращаемое значение углового.module().

напр: нг-приложение = "SampleApp"
на странице HTML

вар SampleApp = angular.module ("SampleApp", [ "ngResource"]). конфигурации (

// код

);

в app.js файл

Я думаю, что это должно работать для вас.

Логика заключается в том, что при определении ng-приложения она дает ссылку на конкретный модуль app.js, который будет вызывать соответствующие контроллеры.

+0

Я новичок в AngularJS, поэтому я не мог понять ваш ответ.Если возможно, не могли бы вы предоставить пример кода. – aquero

+0

Я действительно сожалею, я не могу поместить здесь код. Но позвольте мне объяснить это вам. –

0

В файле ang.js есть файл app.js. Это содержит все контроллеры. Эти контроллеры действуют как соединители и конвейеры данных между html (нашим представлением) и файлами .cs (mvc controller).

Эти контроллеры определены в модуле (как я определил один из приведенных выше ответов).

В app.js.s может быть множество модулей. и, следовательно, у них будет множество контроллеров.

ng-app - это директива, содержащая имя модуля, который вы хотите использовать в качестве атрибута. Определенное ng-приложение будет активным до тех пор, пока тег закрытия тега не будет определен. Это означает, что если вы определили ng-app в теге html, он будет работать до тех пор, пока тег html не будет закрыт, если в div он будет работать для этого подразделения.

Если вы ничего не получили, перейдите по ссылке google или обратитесь к документации по angularjs или застрелите меня. !!

Я надеюсь, что вы получили что-то из него :-)

3

Взгляните на следующее:.

  1. Попробуйте угловые грани: https://github.com/stephanrauh/AngularFaces
  2. И Существует также проект: https://github.com/pankajtandon/PointyPatient
  3. Главные лица относятся к: http://angularprime.appspot.com/#/main

Лучший wa y должен идти с HTML & JS as Client и JAX-RS на стороне сервера.

У меня были аналогичные проблемы с Primefaces и Bootstrap, и я убедился, что HTML на данный момент лучше для развития клиентской части.

0

Наткнулся на это, ища себя.

XHTML не разрешает атрибут без значения. Хотя вы можете игнорировать это в Eclipse, последние библиотеки JSF взорвутся, и вы получите исключение.

Укажите значение, соответствующее имени вашего модуля. Например, если вы инициализировать угловой модуль с:

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

Затем вам нужно указать:

<html ng-app="myApp"> 

И все должно быть хорошо минус некоторые предупреждения в затмении для не признания «нг-приложение». Работает на меня. Кроме того, вам, вероятно, нужен тип документа HTML 5, а не тот, который у вас есть. Попытка:

<!DOCTYPE html> 
<html ng-app="myApp"> 
+0

вы можете использовать 'data-ng -...', чтобы избежать некоторых предупреждений. –

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