小编And*_*lin的帖子

我已经开始使用Angular JS并将其用作与Play Framework POC集成的前端.我已经完成了本教程.

我在github的种子项目中克隆了我的前端.它有一个app/index.html (我用作我的主页)和一个app/index-async.html.后者有什么意义？真的有必要吗？

快速angular.js问题......

如果我有一个包含以下内容的网页:

<div>{{message}}</div>

我为'消息'设置了模型

$scope.message = "Hello world!"

然后在屏幕上,div的内容将显示为

Hello world!

但是,如果我在Chrome或Firefox中查看来源,源代码仍然如此

<div>{{message}}</div>

有没有办法在Angular模板后捕获页面的源,所以当我查看源代码时,我看到了

<div>Hello world!</div>

例如,如果我正在处理一个项目,我正在使用Angular来帮助我进行模板操作,但是客户端希望HTML中的最终页面没有角度,那么在模板应用到后,我怎样才能捕获页面的HTML给这个客户？

我有一个非常简单的问题.我是WordPress的新手,我正在尝试安装插件.

每个人都说在管理面板的侧边栏菜单上有一个"插件"选项,但我没有看到一个!我也在所有的子菜单中寻找它.

每当我尝试搜索此问题时,我都会获得有关创建要在管理菜单上显示的插件的结果.

无论如何,我怎样才能显示插件菜单？

我正在开始一个工作项目,并想知道最好的构建工具是什么.

整个过程都是用CoffeeScript编写的,使用AngularJS作为客户端,NodeJS作为服务器.

该应用程序有几个组件:

• 一个iPad应用程序
• 一个iPhone应用程序(与ipad不同的功能)
• 适用于应用的CMS
• NodeJS服务器

所有这些之间有大量的共享代码,所有这些代码都是用CoffeeScript编写的.

我想要一个构建工具,我可以列出哪个应用程序使用了什么代码(大部分共享),它会将每个应用程序的javascript文件构建到一个单独的文件夹中.

例如,我会设置一个名为'/ compiled/ipad /'的文件夹,其中包含index.html,以及js,css,img等文件夹.我会列出我想要扔进/编译/ ipad/js的编译咖啡文件(其中一些来自/src/shared/*.coffee,其中一些来自/src/ipad/*.coffee等)以及我想要扔进/ compiled/ipad/css的文件.我希望它能够轻松地连接文件我想要的方式.

它还会编译我的测试,从/ src/test/ipad到/compiled/test/ipad/*.js.

我所有的客户端单元测试都是使用testacular编写的,我不知道我还在编写服务器端单元测试.

什么构建工具/配置是最好的方法？一个Makefile？像Grunt这样的东西？我老实说是整个构建场景的新手.

编辑:决定使用Browserify.你可以在这里找到我的解决方案,使其适用于Angular:https://groups.google.com/forum/#!topic / angular/ytoVaikOcCs

我即将为一个拥有大量需要实时数据的客户启动一个项目.

我将使用trigger.io构建两个移动应用程序,以及Web UI,所有这些都需要保持同步.

我计划将socket.io的WebSocket实现与我的Node.js后端一起用于webapp和移动应用程序.这将在iOS和现代Web浏览器上运行良好.

但是,Android的webview根本不支持websockets.如果socket.io在Android上使用其长轮询后备,它只会破坏移动应用用户的数据计划.

我想知道:是否有可能为trigger.io Android实现Java WebSockets,然后将其暴露给WebView？有一个简单的phonegap 实现

我想我可以为它编写一个trigger.io插件 - 但是如果可行/不太难写一个插件,我想确定在我跳进这个项目之前.

我很久以前就使用过trigger.io,但并不是因为所有的幻想就像本机插件一样.

所以我是整个测试的新手(我曾经是那些曾经说'我应该编写单元测试......但从未结束过这样做的人之一:-p).我现在正在为这个项目编写单元测试.我正在使用testacular + Jasmine,使用browserify来编译东西.在我开始尝试做很多AngularJS注入之前,我没有遇到任何问题.

现在我只是试图对ng模型进行测试,以便了解所有这些.

我有一个testacular.conf文件,其中包含所有必需的内容:

files = [
    '../lib/jquery.js',
    '../lib/angular.js',
    './lib/jasmine.js',
    './lib/angular-mocks.js',
    JASMINE_ADAPTER,
    './tests.js' //compiled by browserify
];

我定义了我的控制器(MainCtrl.coffee)

MainCtrl = ($scope, $rootScope) ->
    $scope.hello = 'initial'

module.exports = (angularModule) ->
    angularModule.controller 'MainCtrl', ['$scope', '$rootScope', MainCtrl]
    return MainCtrl

我有自己的测试:(_ MainCtrlTest.coffee,与MainCtrl.coffee在同一目录中)

testModule = angular.module 'MainCtrlTest', []
MainCtrl = require('./MainCtrl')(testModule)

describe 'MainCtrlTest', ->
    scope = null
    elm = null
    ctrl = null

    beforeEach inject ($rootScope, $compile, $controller) ->
        scope = $rootScope.$new()
        ctrl = $controller MainCtrl, $scope: scope
        elm = $compile('<input ng-model="hello"/>')(scope)

    describe …

所以目前,我正在使用UI-Router来管理一组tab指令.通过标签,我的意思是这个UI范例:http: //www.hollance.com/wp-content/uploads/2011/11/Screenshot.png

每个选项卡都可以包含a title,an icon和a href或ui-sref与之关联.

例:

<my-tabs>
  <my-tab title="Tab 1" href="#/tab1">
    Content when tab 1 is active!
  </my-tab>
  <my-tab title="Tab 2" ui-sref="tabs.numberTwo()">
    Content when tab 2 is active!
  </my-tab>
</my-tabs>

无论如何,主要问题是当以编程方式或通过浏览器刷新更改状态时,我希望能够根据或属性知道要选择哪个选项卡. 似乎没有做我需要的东西:我不能给它并询问它是否与当前状态匹配 - 我也不能给它一个ui-sref.ui-srefhref$state.(is|includes|contains)$state.ishref

我也可以stateName在选项卡中添加属性等,但如果我不需要,我宁愿不这样做.

基本上,我希望能够在tab指令中执行此操作:

$rootScope.$on('$stateChangeSuccess', function() {
   if ($state.matchesHref(attrs.href) || $state.matchesSref(attrs.uiSref)) {
    selectThisTab();
  }
});

任何想做这件事的想法都会受到欢迎!

我有一个简单的身份验证系统,我使用express在'/ session'上使用了一些post/get/dels.我想测试这个,但我似乎无法找到一个简单的方法来简单地http.sendPut('/session', {data})从服务器测试.有没有人建议使用图书馆？

我正在使用Mocha/should进行测试,如果有帮助的话.

这是我想要测试的超级简单的auth-thingy(它挂钩到其他一些东西):

//Login
app.post("/session", function(req, res) {
  if (req.body.username === "admin" && req.body.password === "admin") {
    req.session.user = "user";
    res.send("Successfully logged in!");
  } else {
    res.send(403, "Invalid username or password.");
  }
});
//Logout
app.del("/session", function(req, res) {
  req.session.user = null;
  res.send("Successfully logged out.");
});
//Am I logged in? Check for the client
app.get("/session", function(req, res) {
  if (req.session.user) {
    res.send(req.session.user);
  } else {
    res.send(403, "You are not logged in.");
  }
});

谢谢.