小编Ala*_*-GI的帖子

我正在使用Sane堆栈创建一个Web应用程序,它在客户端使用Ember.js作为JavaScript框架,在服务器端使用Sails.js作为node.js框架.我将我的应用程序架构构建如下:

我试图从Jira API REST获取一些数据,例如,我可以使用一个简单的控制器从sails.js获取JIRA API REST中的Project信息:

//server/app/controllers/JiraController
module.exports = {
    loadProject : function(req, res){
        console.log("Jira contoller");
        var Http = require('machinepack-http');
        process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
        Http.sendHttpRequest({
            url: '/rest/api/2/project/',
            baseUrl: 'https://jira.domain.com',
            method: 'get',
            headers: {
              "Authorization": "Basic YWxhYS52654f0bWFuaTphbGFhNDE0NA=="
            }
        }).exec({
            serverError: function(result) {
                res.send("server error" + JSON.stringify(result));
            },
            success: function(result) {
             // res.send("Projects loaded successfully");
             res.send(result);
            }
        });
    }    
};

在server/app/config/routes中:我添加:

'get /projects' : 'JiraController.loadProject'

但我想要做的是使用Ember.js在客户端获取Project数据,换句话说,我希望sails.js请求JIRA API Rest,然后将数据(JSON)传递给Ember.js在视图中显示它.

我该怎么办呢!

编辑:

在客户端我这样做:

//pods/components/project/component.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() { …

我有一个名为"HomeCtrl"的控制器,它计算{{total}} 绑定变量中用户的总数,如下所示:

.controller('HomeCtrl', function($scope, $http){
    $scope.total = 0;
});

在我看来,我试图通过{{total}}在<div>标签上传递属性的值来在动画小部件中显示我的总数,如下所示:

<div ng-controller="HomeCtrl" ng-init="init('users')">
    <div class="xe-widget xe-counter xe-counter-green" xe-counter 
       data-count=".num" data-from="1" 
       data-to= "{{total}}" 
       data-suffix="users" data-duration="3" data-easing="true">
          <div class="xe-icon">
                  <i class="linecons-user"></i>
          </div>
          <div class="xe-label">
                  <strong class="num">1k</strong>
                  <span>Users Total </span>
          </div>
   </div>            
   <center> <b> Total utilisateurs : {{total}} </b> </center>     

这是widget指令:

.directive('xeCounter', function(){     
        return {
            restrict: 'EAC',
            link: function(scope, el, attrs)
            {
                var $el = angular.element(el),
                    sm = scrollMonitor.create(el);
                sm.fullyEnterViewport(function()
                {
                    var opts = {
                        useEasing:      attrDefault($el, 'easing', …

当我尝试通过Jira API REST创建一个问题时,我得到了一个500 Internal server error,我成功地从一个带有get-request的项目中得到了一个问题但是当我尝试使用post-request创建一个新问题时它不起作用我得到错误.

这是我的JavaScript代码:

createIssue: function(req, res) {
  var Http = require('machinepack-http');
  process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
  Http.sendHttpRequest({
    url: '/rest/api/2/issue/',
    baseUrl: 'https://jira.mydomain.com',
    method: 'post',
    data: {
      "fields": {
        "project": {
          "key": "TEST"
        },
        "summary": "REST ye merry gentlemen.",
        "description": "Creating of an issue using project keys and issue type names using the REST API",
        "issuetype": {
          "name": "Bug"
        }
      }
    },
    headers: {
      "Authorization": "Basic YWxbG9wMS4zp0bWFuzeThYS5l1TIqaXoxOTg5554Jh"
    },
  }).exec({
    serverError: function(result) {
      res.send("server error" + JSON.stringify(result))
    },
    success: …

我正在尝试创建一个用户管理器,我可以创建编辑和删除用户,在删除操作中,我想显示一个带有"继续"和"取消"按钮的模态确认对话框,以确认用户的抑制.

最好的做法是什么,我使用的是ember-cli 0.2.3,网上有很多建议,我对这些解决方案有点困惑,创建模态的标准或最佳方法是什么Ember-CLI？