Question

我在做jhipster示例（书和作者），我想使用textangular作为描述字段。我使用此指南（https://github.com/fraywing/textAngular）进行更改但不起作用。

问题是，如果有人知道使用带有jhipster的textangular的指南作为示例：我应该修改哪些文件，如何等等。

我是新手，试图遵循指南，但有些东西不起作用。

我正在做JHipster示例：http://jhipster.github.io/creating_an_entity.html
我执行了Via Bower：bower安装textAngular
我修改了测试\ src \ main \ webapp \ scripts \ app \ entities \ book \ book-detail.html

添加<div text-angular ng-model="htmlVariable"></div>

我添加了脚本src ='/ bower_components / textAngular / dist /在指南中解释。
目前我尝试执行textangular guideline中解释的第4步

一个。在app模块中为textAngular添加依赖项，例如：angular.module（'myModule'，['textAngular']）。

湾我尝试了一些选项，但它不起作用。

℃。当前控制器文件如下：

'use strict';

angular.module('testApp')
    .controller('BookDetailController', function ($scope, $stateParams, Book, Author) {
        $scope.book = {};
        $scope.load = function (id) {
            Book.get({id: id}, function(result) {
              $scope.book = result;
            });
        };
        $scope.load($stateParams.id);
    });

请问我能帮助我理解如何在不破坏页面的情况下添加此行angular.module（'myModule'，['textAngular']）。

Answer 1

至少你应该添加到bower.json并随后运行bower update（这应该将所有必需的文件下载到你的bower_components目录中）。

现在您将所有必需的文件（js，css）添加到index.html，如textangular howto中所述。或者你有更具体的问题吗？

修改

转到app.js文件（src/main/webapp/app.js）。在那里你找到了模块定义：angular.module('jhipster', ['LocalStorageModule'...]。如果您为应用程序命名了不同的'jhipster'将是您的应用程序名称。只需在注入模块列表的末尾添加'textangular'：例如：

angular.module('jhipster', ['LocalStorageModule','tmh.dynamicLocale','pascalprecht.translate', 'ngResource', 'ui.router', 'ngCookies', 'ngCacheBuster', 'infinite-scroll', 'textTangular'])

如何在Jhipster中使用Textangular

1 个答案: