小编Sim*_*cha的帖子

ReactJS服务器端呈现与客户端呈现

我刚开始研究ReactJS,发现它为您提供了两种呈现页面的方法:服务器端和客户端.但是,我无法理解如何一起使用它.它是构建应用程序的两种不同方式,还是可以一起使用?

如果我们可以一起使用它,怎么做 - 我们是否需要在服务器端和客户端复制相同的元素?或者,我们可以在服务器上构建应用程序的静态部分,以及客户端上的动态部分,而不与已经预呈现的服务器端建立任何连接吗?

javascript client-server node.js reactjs

107
推荐指数
3
解决办法
4万
查看次数

AngularJS - 如何覆盖指令ngClick

我想覆盖指令ng-click:在每次执行ng-click之前对某些进行一些$ rootscope的更改.怎么做?

angularjs angularjs-directive angularjs-ng-click

26
推荐指数
2
解决办法
3万
查看次数

Spring:客户端发送的请求在语法上是不正确的()

嗨我在重定向期间收到了下一个错误:

客户端发送的请求在语法上是不正确的

浏览器显示的URL是:localhost:8080/Project/menu/main/home/0这里我的类首先重定向 - "从",第二个"到":

 /*
 * Get all possible values of menu and generate correct url to pages controllers
 * 
 */

@Controller
@SessionAttributes("menu")
public class MainMenuController {


    @ModelAttribute
    public Menu createMenu() {
        return new Menu();
    }

    @RequestMapping(value = "/menu", method = RequestMethod.GET)
    public String mainMenuResolver(@ModelAttribute Menu menu) {
        menu.setMainMenu("first");
        return "forward:/menu/first";
    }

    @RequestMapping(value = "/menu/{mainMenu}", method = RequestMethod.GET)
    public String subMenuResolver(@PathVariable String mainMenu, @ModelAttribute Menu menu) {
        menu.setMainMenu(mainMenu);
        menu.setSubMenu("home");
        return "forward:/menu/first/home";
    }

    @RequestMapping(value = "/menu/{mainMenu}/{subMenu}", method = …
Run Code Online (Sandbox Code Playgroud)

java spring spring-mvc

19
推荐指数
1
解决办法
5万
查看次数

来自当前服务的Angular,呼叫服务功能

我有一些名为"sharedData"的服务,有些函数,如何从另一个这样的函数中调用其中一个函数?这里的代码(用"???????"标记故障功能):谢谢

service('sharedData', function ($http) {
    var refillList = [];
    var orderCart = {
        orderPlace: null,
        orderList: [],
        totalSum: 0
    };

    return {
        ....
        addRefill: function(value) {
           ...here some logic....
        },

        addOrder: function(order) {
            ...here some logic....
        },
        sendOrder: function(order, refill) {
            $http.get(config.urls.ajaxOrder + "{\"order\":{\"table_id\":" + orderCart.orderPlace + ",\"item_id\":" + order.id + ",\"amount\":1,\"action\":1}}").success(function(dataDetails) {
                if (dataDetails.success) {
                    if (refill == 1) {
                        // Filling refill list
                        ??????????????????this.addRefill(order);?????????
                    }
                    // Filling order cart
                    ?????????this.addOrder(order);?????????????
                }
            });
        }
    };
}).
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

18
推荐指数
1
解决办法
2万
查看次数

Angular:从视图调用函数

嗨,我有下一个问题:

在我看来,我调用了一个函数prepareDynamicData(itemMenu);

<div ng-repeat="itemMenu in menuDetailsData.categories" class="headDetails fontH2">
            <div style="display: none">{{prepareDynamicData(itemMenu)}}</div>
            <a href="#" ng-show="dynamicData.expand">{{itemMenu.name}}</a>
            <div ng-repeat="cat in dynamicData.data">
                <p>{{cat.name}}</p>
                <div class="articles">
                    <div ng-repeat="art in cat.items" class="article">
                        <div class="price">
                            <div></div>
                            <span><i>?</i>{{art.price}}</span>
                        </div>
                        <div class="artDescr">
                            <span class="fontTitle">{{art.title}}</span>
                            <p class="fontDetails">{{art.description}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
Run Code Online (Sandbox Code Playgroud)

我知道顶循环只重复2次(验证),但函数prepareDynamicData(itemMenu)调用4次,不知道为什么!?这是我的控制器:

function MenuItemCtrl($scope, $routeParams, $http, $location, sharedData) {
if (sharedData.getMenuDetails() == null) {
    $location.path('/menu');
    return;
}
else {
    $scope.menu = sharedData.getMenu();
    $scope.menuDetailsData = sharedData.getMenuDetailsData($routeParams.itemId);
}

$scope.dynamicData = {
    data : new Array(),
    expand : false
};

$scope.prepareDynamicData = …
Run Code Online (Sandbox Code Playgroud)

angularjs

6
推荐指数
1
解决办法
2万
查看次数

React native + Android Activity onPause/onResume

我有一个下一个发射器的js代码:

DeviceEventEmitter.addListener('keyboardWillShow1', function(e: Event) {
  console.log(e);
});
Run Code Online (Sandbox Code Playgroud)

我如何从Activity onPause/中发出此事件onResume

android android-activity react-native

5
推荐指数
1
解决办法
3964
查看次数

Spring <mvc:resources mapping ="/ css/**"location ="/ css /"/>不起作用

你好映射css不起作用.

这是我的配置:

为spring-servlet.xml:

<?xml version="1.0" encoding="UTF-8"?>

    <context:component-scan base-package="spring.controllers" />

    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
       <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
       <property name="prefix" value="/WEB-INF/jsp/content/" />
       <property name="suffix" value=".jsp" />
    </bean>

    <context:component-scan base-package="it.jsoftware.jacciseweb.controllers"></context:component-scan>
    <mvc:annotation-driven />

    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping" />
    <mvc:resources mapping="/css/**" location="/css/" />
    <mvc:resources mapping="/images/**" location="/images/" />
    <mvc:resources mapping="/js/**" location="/js/" />  
Run Code Online (Sandbox Code Playgroud)

web.xml中:

<?xml version="1.0" encoding="UTF-8"?>

  <display-name>JewishProjectT</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <servlet-name>spring</servlet-name>
    <servlet-class>
        org.springframework.web.servlet.DispatcherServlet
    </servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>spring</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
Run Code Online (Sandbox Code Playgroud)

和我的heder文件:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta …
Run Code Online (Sandbox Code Playgroud)

spring spring-mvc

3
推荐指数
1
解决办法
2万
查看次数

将 mongo db 连接到远程服务器 nodejs

我使用 mongoose 使用 nodejs 服务器并在本地连接到 Mongo DB,如下所示:

mongooseQ.connect("mongodb://localhost:27017/YepiMobile"); 
Run Code Online (Sandbox Code Playgroud)

如何从我的机器连接到位于远程服务器上的 mongo db?

就像是:

mongooseQ.connect("mongodb://remote.server.com:27017/YepiMobile"); 
Run Code Online (Sandbox Code Playgroud)

javascript database mongoose mongodb node.js

3
推荐指数
1
解决办法
6541
查看次数

角动态模板.Url

嗨还有一个问题,我有角度的下一个配置:

angular.module('ow', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
    when('/:placeId', {templateUrl: 'partials/menu.html',   controller: MenuCtrl}).
    when('/menu/:itemId', {templateUrl: 'partials/menu-details.html', controller: MenuItemCtrl}).
    when('/look/refill', {templateUrl: 'partials/refill.html', controller: RefillCtrl}).
    when('/look/orderCart', {templateUrl: 'partials/orderCart.html', controller: OrderCartCtrl}).
    when('/lang/:lang', {templateUrl: 'partials/menu.html', controller: LangCtrl}).
    when('/waiter/:redirect', {templateUrl: "???????", controller: WaiterCtrl}).
    otherwise({redirectTo: '/0'});
}];
Run Code Online (Sandbox Code Playgroud)

代替 "?????" 我需要放置动态网址,尝试在控制器中执行以下操作:

function WaiterCtrl($routeParams, $location, sharedData, $http, $route) {
$http.get(config.urls.ajaxWaiter + "{\"p\":\"" + sharedData.getOrderCart().orderPlace + "\"}").success(function(dataDetails) {
    if ($routeParams.redirect == "menu") {
        $route.templateUrl = "partials/menu.html";
        $location.path("/");
    }
    if ($routeParams.redirect == "menuDetails") {
        $route.templateUrl = "partials/menu-details.html";
        $location.path("/menu/" + sharedData.getMenu());
    } …
Run Code Online (Sandbox Code Playgroud)

angularjs angular-template

2
推荐指数
1
解决办法
6036
查看次数

模拟事件调整大小

嗨我正在使用DOM2并添加了一些事件监听器"resize" window对象,使用addEventListener.现在我需要模拟这个动作(window.resize)来调用附加到window对象的事件监听器.我该怎么做?

javascript dom

2
推荐指数
1
解决办法
3897
查看次数

Angular中的动态css

嗨我现场有3种语言,其中一种有从右到左的字母,所以当我改变语言时,我需要动态更新css.不知道怎么做.问题是:我有ng-view,有语言,我更改语言,我有整个文档的HeadController,当我在ng-view中更改语言时,我的Head控制器看不到这种变化.在这里我的索引:

    <!doctype html>
<html lang="en" ng-app="ow" ng-controller="HeadCtrl">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=100%, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
        <title>OW</title>
        <link ng-repeat="stylesheet in stylesheets" ng-href="{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" />
        <script src="lib/angular/angular.min.js"></script>
        <script src="lib/jquery-1.9.1.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/app.js"></script>
        <script src="js/controllers.js"></script>
    </head>
    <body class="fontMain">
        <div ng-view></div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

和app.js.

angular.module('ow', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
    when('/:placeId', {templateUrl: 'partials/menu.html',   controller: MenuCtrl}).
    when('/menu/:itemId', {templateUrl: 'partials/menu-details.html', controller: MenuItemCtrl}).
    when('/look/refill', {templateUrl: 'partials/refill.html', controller: RefillCtrl}).
    when('/look/orderCart', {templateUrl: 'partials/orderCart.html', controller: OrderCartCtrl}).
    when('/lang/:lang', {templateUrl: 'partials/menu.html', controller: LangCtrl}).
    otherwise({redirectTo: '/0'});
}]).controller("HeadCtrl", function($scope, sharedData) …
Run Code Online (Sandbox Code Playgroud)

angularjs

1
推荐指数
1
解决办法
6684
查看次数