标签: angular-fullstack

我正在使用angular-fullstack生成器来开发我的项目.当我尝试使用命令创建新路由时(我已经安装了uiRouter):

yo angular-fullstack:route search

所有文件都已成功创建.但每当我尝试打开该路线时,我都会被重定向回主页.配置是自动生成的,如下所示:

search.js

'use strict';

angular.module('tachologyApp')
  .config(function ($stateProvider) {
    $stateProvider
      .state('search', {
        url: '/search',
        template: '<search></search>'
      });
  });

search.controller.js

'use strict';

(function(){

class SearchComponent {
  constructor() {
    this.message = 'Hello';
  }
}

angular.module('tachologyApp')
  .component('search', {
    templateUrl: 'app/search/search.html',
    controller: SearchComponent,
    controllerAs: 'searchCtrl'
  });

})();

任何帮助将不胜感激.

我直接从Angular Bootstrap UI Plunkr复制代码

我使用空白的Angular FullStack(Mean)模板来构建应用程序.

当我使用Angular Bootstrap中的代码时,uib-dropdown它最终格式化不正确并且不起作用,所有其他角度引导组件似乎工作正常

<!-- Single button -->
<div class="btn-group" uib-dropdown is-open="status.isopen">
  <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled">
    Button dropdown <span class="caret"></span>
  </button>
  <ul class="uib-dropdown-menu" role="menu" aria-labelledby="single-button">
    <li role="menuitem"><a href="#">Action</a></li>
    <li role="menuitem"><a href="#">Another action</a></li>
    <li role="menuitem"><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li role="menuitem"><a href="#">Separated link</a></li>
  </ul>
</div>

我正在使用angular-fullstack生成器为我的应用程序生成新的路由.语法真的很陌生,并且使用类似于类的结构.我如何使用它来注入$ scope和$ watch之类的东西？我想做的主要是观察特定变量的变化.语法如下.有谁知道如何使用它？

'use strict';

(function() {

class MainController {

  constructor($http) {
    this.$http = $http;
    this.awesomeThings = [];

    $http.get('/api/things').then(response => {
      this.awesomeThings = response.data;
    });
  }

  addThing() {
    if (this.newThing) {
      this.$http.post('/api/things', { name: this.newThing });
      this.newThing = '';
    }
  }

  deleteThing(thing) {
    this.$http.delete('/api/things/' + thing._id);
  }
}

angular.module('myapp')
  .controller('MainController', MainController);

})();

如何注入$ watch以便我可以执行以下操作:

this.$watch('awasomeThings', function () { ... });

我对此很新,但我真的尽力寻找答案.

我用yeoman生成了一个应用程序.(使用'angular fullstack' - https://github.com/angular-fullstack/generator-angular-fullstack)

它有一个gulpfile.babel.js配置文件,它运行nodemon.

我正在尝试做的是使gulp服务nodemon实例达到我拥有的Webstorm断点.

到目前为止我尝试过的:

- 定期调试.(琐碎的..)但似乎节点在遇到ECMA6语法时会发送激励.(仍然..我宁愿运行gulp实例而不是从webstorm运行它.)

- 使用--debug

- 在webstorm中使用"远程调试".

- 在gulp任务中设置节点检查器并将其设置为listen 5353

- 在端口5353上使用--debug-brk和debug(例如)

如果有人可以帮助我,我真的很感激.这家伙在这里说Webstorm无法处理这种情况,但很奇怪,你可以调试远程服务器,但是你无法调试gulp nodemon服务器实例？ 从gulp运行时在WebStorm中调试节点应用程序

在使用组件时,如何使用UI路由器解析变量.

这是路线:

$stateProvider
  .state('route', {
    url: '/route',
    template: '<my-component user="user"></my-component>',
    resolve: {
      user: (Auth) => {
        return Auth.getCurrentUser().$promise;
      }
    }
  })

这是组件:

(function () {

   class BookingListComponent {
     constructor(user) {
        //I want to use the user here but getting the unknown provider error
     }

  }

  angular.module('app')
    .component('myComponent', {
      templateUrl: 'my-url.html',
      controller: MyComponent,
      bindings: {
      user: '<'
      }
    });

})();

使用Angular 1.5和yeoman angular-fullstack

我已经使用Rails填充了api,现在希望在Rails上安装像Angular这样的前端框架.我见过人们使用Gulp或Grunt这样做,但仍然不是100%.很想看看专家如何有效地将Angular和Rails叠加在一起.非常感激!

我刚刚做了一次 git 提交，它从我的 node_modules 文件夹中删除了一些看似随机的文件。有人遇到过这个问题吗？

需要明确的是，我最新的 git 提交已被删除

delete mode 100644 node_modules/grunt-google-cdn/node_modules/google-cdn/node_modules/cdnjs-cdn-data/external/cdnjs.json

 delete mode 100644 node_modules/grunt-node-inspector/node_modules/node-inspector/front-end-node/Images/src/favicon.eps

 delete mode 100644 node_modules/moment/min/tests.js

 delete mode 100755 node_modules/requirejs/bin/r.js

我以前从未见过这种情况，我无法理解为什么会发生这种情况。这使我无法构建要部署的应用程序。有谁知道这种情况如何/为何发生以及将来如何预防这种情况？

我当时正在做一个项目，一切都很顺利，直到我做到了npm install。

然后，Webpack 抛出以下错误：

new ForkCheckerPlugin(),\n        ^\nTypeError: ForkCheckerPlugin is not a constructor\n    at makeWebpackConfig (/home/nsanz/Documentos/git/tachology/webpack.make.js:252:9)\n    at Object.exports.default (/home/nsanz/Documentos/git/tachology/server/config/express.js:86:27)\n    at Object.<anonymous> (/home/nsanz/Documentos/git/tachology/server/app.js:28:1)\n    at Module._compile (module.js:570:32)\n    at loader (/home/nsanz/Documentos/git/tachology/node_modules/babel-register/lib/node.js:144:5)\n    at Object.require.extensions.(anonymous function) [as .js] (/home/nsanz/Documentos/git/tachology/node_modules/babel-register/lib/node.js:154:7)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/home/nsanz/Documentos/git/tachology/server/index.js:12:28)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.runMain (module.js:604:10)\n    at run (bootstrap_node.js:389:7)\n    at startup (bootstrap_node.js:149:9)\n    at …

我试图在我的Yeoman Angular-fullstack应用程序中使用MongoDB填充本地数据库.我使用了endpoint命令:

yo angular-fullstack:endpoint [options] <name>

并且可以到达路线,但它是一个空的物体.它不允许我发布.

我收到错误: 连接403错误:CSRF令牌丢失

Mongod运行正常.

页面上有身份验证,但此时没有禁止的路由.

谢谢你的帮助.

使用yeoman angular-fullstack构建一个站点在本地工作很好,但是当我部署并使用dist/release版本时,它在我的服务器上给了我这个有趣的错误.

Error: Router.use() requires callback functions but got a [object Object]
at Function.proto.use (/home/bitnami/htdocs/dist/node_modules/express/lib/router/index.js:327:11)
at Object.<anonymous> (/home/bitnami/htdocs/dist/server/api/save/index.js:10:8)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Function.<anonymous> (/opt/bitnami/nodejs/lib/node_modules/pm2/node_modules/pmx/lib/transaction.js:62:21)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at module.exports (/home/bitnami/htdocs/dist/server/routes.js:13:25)

它接近它在这条线上失败了

router.use(multer({ dest: './public/uploads/'}));

虽然它在当地工作完全没问题？让我有点难过.不知道它是否与缪尔有关？我安装了节点模块.思考？