【问题标题】:How to configure grails 2.4 with AngularJS and not using plugins如何使用 AngularJS 而不是使用插件配置 grails 2.4
【发布时间】:2016-04-15 17:38:38
【问题描述】:

如何使用 Angular js 配置 grails2.4 应用程序(资产管道)。 (不使用任何插件)

到目前为止,这就是我所拥有的,但它似乎不起作用。

我把 angular.min.js 放在文件夹 grails-app/assets/javascripts 我在 gsp 中做到了这一点

`<asset:javascript src="angular.min.js" />
<asset:javascript src="ui-bootstrap-tpls-0.9.0.min.js" />` 

`<html ng-app="VTPaceApp" novalidate>` 

当我这样做{{ "Your's," + " truly" }} 时,我没有看到任何角度效果。
我也尝试将//= require /angular/angular 放在 application.js 中,但也没有用。

谢谢。

【问题讨论】:

  • 你的VTPaceApp函数定义在哪里?
  • 在 main.js (function() { var app = angular.module('VTPaceApp', ['ui.bootstrap']); 中,我将 main.js 包含在这样的 &lt;asset:javascript src="main.js" /&gt;
  • 好的,看起来正确;那么当你加载页面时你看到了什么?您是否在浏览器调试控制台中遇到任何错误?另外,请使用代码元素更新您的问题,它们无法在 cmets 中读取。
  • 很抱歉。我在调试控制台上看不到任何错误。除了警告。 WARNING: Tried to load angular more than once.
  • 嗯,尝试多次加载 Angular?这告诉我脚本和加载顺序有问题;我认为我们需要更全面地了解您正在使用的 HTML 和 JavaScript。

标签: angularjs grails-2.4


【解决方案1】:

我让它开始工作了。关注了这个blog, 所以,基本上,bower install angular
将这些指令添加到 application.js
//= require angular/angular //= require_tree views
&lt;asset:javascript src="application.js"/&gt; 添加到 gsp

在您的 gsp 中使用以下代码进行测试
<div ng-app=""> <p>My first expression: {{ 5 + 5 }}</p> <p> {{"Your are " + " welcome"}}</p> </div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-13
    • 2017-04-14
    • 2014-10-23
    • 2016-12-26
    • 2012-10-19
    相关资源
    最近更新 更多