总结

以上是小编为你收集整理的Quaternion to angular velocity. 四元数 角速度全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

我有一个Ionic 1.3.1项目,其架构基于旧的但是黄金的生成器gulp-angular,我想在设备(Android)上启用Live Reload.

我的gulp配置路径如下所示：

exports.paths = {
  src: 'src',dist: 'www',tmp: '.tmp',e2e: 'e2e'
};

这意味着要在浏览器中运行项目我使用gulp服务并在Android设备中运行我使用gulp build&&离子运行android.

我不能使用命令离子运行android –livereload as described in the doc here因为它同步www文件夹在哪里(在gulp构建之后)我有缩小文件而不是源文件.

所以我想以某种方式混淆两个命令gulp serve和离子运行android –livereload但真诚地我不知道如何实现这一点.

最佳答案

我解决了更新我的gulp watch任务的问题,每当有一个更改它运行gulp build时,命令离子运行android –livereload正在运行.

我在我的gulp手表中添加了一个标志–livereload,所以我的/gulp/watch.js文件看起来像：

gulp.task('watch',['inject'],function () {

  var livereload = process.argv.length === 4 && process.argv[3] === '--livereload';

  gulp.watch([path.join(conf.paths.src,'/*.html'),'bower.json'],['inject-reload']);

  gulp.watch([
    path.join(conf.paths.src,'/app/**/*.css'),path.join(conf.paths.src,'/app/**/*.scss'),'/scss/*.scss')
  ],function(event) {
    if (livereload) {
      gulp.start('build');
    } else {
      if(isOnlyChange(event)) {
        gulp.start('styles-reload');
      } else {
        gulp.start('inject-reload');
      }
    }
  });

  gulp.watch(path.join(conf.paths.src,'/app/**/*.js'),function(event) {
    if (livereload) {
      gulp.start('build');
    } else {
      if(isOnlyChange(event)) {
        gulp.start('scripts-reload');
      } else {
        gulp.start('inject-reload');
      }
    }
  });

  gulp.watch(path.join(conf.paths.src,'/app/**/*.html'),function(event) {
    if (livereload) {
      gulp.start('build');
    } else {
      browserSync.reload(event.path);
    }
  });
});

如何使用：

在终端选项卡上：

ionic run android --livereload

并在另一个终端选项卡上：

gulp watch --livereload

请享用！

我正在尝试从AngularJS指令中更新$location.path.它没有按照我的预期工作,即更新浏览器窗口中显示的URL并在我的页面上显示不同的内容.我的函数肯定会被调用正确的值,如控制台中所示.我认为$location.path可能会产生一些影响,因为当我点击链接时,会调用一些在新页面上调用的附加函数,只会显示新页面.当我在控制器中使用$location.path时,它按预期工作,但不在我的指令中.

这是我的指令的HTML：

<div detail-link="/comments?post={{post.postId}}" ng-click="clickDetailLink()"></div>

这是指令的定义(在CoffeeScript中)：

directives.directive 'detailLink',['$location',($location) ->
    return (scope,element,attrs) ->
        scope.clickDetailLink = ->
            console.log "loading " + scope.detailLinkHref
            $location.path scope.detailLinkHref

        attrs.$observe 'detailLink',(value) ->
            console.log "set detail link to " + value
            scope.detailLinkHref = value
]

我知道这里发生了什么……我的$routeProvider设置为处理/注释但在这里我试图将一个查询字符串附加到路由.如果我使用常规< a href =“#/ comments？post = {{post.postId}}”>,这样可以正常工作,但不知何故通过$location.path设置相同的路由是行不通的.这与代码是否在控制器或指令中无关.

尝试范围.$apply？ (注意$)

我有一个类似于 this one的问题，但不同。

这里我试图为一个window.postMessage处理程序添加一个事件监听器。

app.run(function ($location,$window,$rootScope) {
  $window.addEventListener('message',function(e) {
      $location.path("/abc");
      console.log($location.path()); // this prints "/abc" as expected

      $rootScope.$apply(); // this has no effect

      $scope = angular.element(document).scope(); // this is the same as $rootScope
      $scope.$apply(); // so this also has no effect
  });
});

Angular不能识别$ location.path。

另一个问题说，我应该在范围上调用$ apply()，但是我可用的唯一范围是$ rootScope，并调用$ apply()似乎不工作。

对答案的评论表明，范围可以得到

$scope = angular.element(document).scope()

但是这给了我$ rootScope，它不工作。

如何获得角度来重新定位$ location.path()中的更改？有没有更好的方式注册一个消息回调的方式，我可以改变路径？

你应该在$ apply()方法中运行表达式as function

app.run(function ($location,function(e) {
      $rootScope.$apply(function() {
        $location.path("/abc");
        console.log($location.path());
      });
  });
});

见documentation – ng.$rootScope.Scope。

如果你想提高可测试性，使用$ console而不是控制台，并注入那个对象。