我刚开始研究ReactJS,发现它为您提供了两种呈现页面的方法:服务器端和客户端.但是,我无法理解如何一起使用它.它是构建应用程序的两种不同方式,还是可以一起使用?
如果我们可以一起使用它,怎么做 - 我们是否需要在服务器端和客户端复制相同的元素?或者,我们可以在服务器上构建应用程序的静态部分,以及客户端上的动态部分,而不与已经预呈现的服务器端建立任何连接吗?
我想覆盖指令ng-click:在每次执行ng-click之前对某些进行一些$ rootscope的更改.怎么做?
嗨我在重定向期间收到了下一个错误:
客户端发送的请求在语法上是不正确的
浏览器显示的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) 我有一些名为"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) 嗨,我有下一个问题:
在我看来,我调用了一个函数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) 我有一个下一个发射器的js代码:
DeviceEventEmitter.addListener('keyboardWillShow1', function(e: Event) {
console.log(e);
});
Run Code Online (Sandbox Code Playgroud)
我如何从Activity onPause/中发出此事件onResume?
你好映射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) 我使用 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) 嗨还有一个问题,我有角度的下一个配置:
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) 嗨我正在使用DOM2并添加了一些事件监听器"resize" window对象,使用addEventListener.现在我需要模拟这个动作(window.resize)来调用附加到window对象的事件监听器.我该怎么做?
嗨我现场有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 ×5
javascript ×4
node.js ×2
spring ×2
spring-mvc ×2
android ×1
database ×1
dom ×1
java ×1
mongodb ×1
mongoose ×1
react-native ×1
reactjs ×1