小编use*_*513的帖子

如何在angularjs中清除或停止timeInterval?

我正在制作一个演示,我会在定期的时间间隔之后从服务器获取数据$interval现在我需要停止/取消它.

我怎么能做到这一点?如果我需要重新启动过程,我应该怎么做?

其次,我还有一个问题:我在重新计算时间间隔后从服务器获取数据.有没有必要使用$scope.apply$scope.watch

这是我的傻瓜:

  app.controller('departureContrl',function($scope,test, $interval){
   setData();

   $interval(setData, 1000*30);

   function setData(){
      $scope.loading=true;
    test.stationDashBoard(function(data){
        console.log(data);
        $scope.data=data.data;
        $scope.loading=false;
        //alert(data);
    },function(error){
        alert('error')
    }) ;

   }
});
Run Code Online (Sandbox Code Playgroud)

http://plnkr.co/edit/ly43m5?p=preview

javascript angularjs angularjs-scope

90
推荐指数
3
解决办法
10万
查看次数

如何在React中渲染对象数组?

你能告诉我如何在react js中呈现列表吗?我喜欢这个

https://plnkr.co/edit/X9Ov5roJtTSk9YhqYUdp?p=preview

class First extends React.Component {
  constructor (props){
    super(props);

  }

  render() {
     const data =[{"name":"test1"},{"name":"test2"}];
    const listItems = data.map((d) => <li key={d.name}>{d.name}</li>;

    return (
      <div>
      hello
      </div>
    );
  }
} 
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router

45
推荐指数
3
解决办法
8万
查看次数

如何设置动态高度到元素?

我试图在我的演示中将动态高度设置为元素.我会告诉你问题我在我的演示中采用静态或恒定的高度值.我取250px常数值

 #wrapper{
    background-image: url(https://dl.dropboxusercontent.com/s/nz1fzunlqzzz7uo/login_bg.png?dl=0);
    min-height: 250px;
    background-repeat: no-repeat; 
}
Run Code Online (Sandbox Code Playgroud)

但是我需要动态添加这个高度.我从中获得了高度

$scope.hgt =$window.innerHeight/3;
alert($scope.hgt)
Run Code Online (Sandbox Code Playgroud)

但我需要动态地将$ scope.hgt设置 min-height到#wrapper div吗?.我不想取div高度的静态值.我想动态添加.

这是我的代码 http://codepen.io/anon/pen/bdgawo

同样的事情,我需要在角度我们在jquery做什么

$('#wrapper').css('height': $window.innerHeight / 3)
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

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

查找总和等于数字的所有子数组?

您能告诉我如何找到总和等于数字的所有子数组吗?

arr[] = [2, 4, 45, 6, 0, 19]
   x  =  51
Output: [2,4,45]
Run Code Online (Sandbox Code Playgroud)

要么

arr[] = [1, 11, 100, 1, 0, 200, 3, 2, 1, 280]
    x = 280
Output: [280]
Run Code Online (Sandbox Code Playgroud)

我尝试这样,但没有得到正确的输出

arr[] = [2, 4, 45, 6, 0, 19]
   x  =  51
Output: [2,4,45]
Run Code Online (Sandbox Code Playgroud)

这个预期的输出是

console.log(getSubArray([1, 3, 6, 11, 1, 5,4],4));

output: [1,3]
     [4]
Run Code Online (Sandbox Code Playgroud)

预期输出[[1,3],[4]]是我的预期输出

javascript

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

为什么单击按钮时警报会显示两次?

你能否告诉我为什么警告在点击按钮时会显示两次?

这是我的傻瓜 http://plnkr.co/edit/vtmYAG2d1gmnPjnxovJw?p=preview

/*global define, console */

define(['app'], function(app){
   'use strict';

    app.controller('LoginCtrl', ['$scope', function($scope) {
        $scope.login = function () {
          alert("Login is clicked")
        };

    }]);

});
Run Code Online (Sandbox Code Playgroud)

require angularjs angularjs-directive angularjs-scope ionic-framework

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

如何将值从一个组件发送到另一个组件?

我制作了一个组件,其中我有一个输入字段和按钮.单击按钮我正在绘制第二个组件.我想将数据从一个组件发送到另一个组件?

我将如何将数据从一个组件发送到另一个组件.我需要发送输入值(输入字段中的用户类型)我需要在下一个组件或下一页显示.单击按钮.如何发送数据?这是我的傻瓜 http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview

import {Component,View} from 'angular2/core';
import {Router} from 'angular2/router';

@Component({
    templateUrl: 'home/home.html'
})


export class AppComponent {
   toDoModel;
  constructor(private _router:Router) {


  }

  onclck(inputValue){
    alert(inputValue)
    this._router.navigate(['Second']);
  }

}
Run Code Online (Sandbox Code Playgroud)

angular2-directives angular2-template angular2-routing angular

10
推荐指数
2
解决办法
4万
查看次数

如何在反应中单击按钮时获取输入字段值?

你能告诉我如何在点击按钮获取输入字段值的反应,我使用的反应挂钩。我想first namelastname按钮点击的价值。我已经name在我的函数组件中传递了属性。

这是我的代码

import React, { Component, useState } from 'react';
import { render } from 'react-dom';

export default function InputField({name,label}) {
  const [state, setState] = useState('')
  return (
    <div>
     <label>{label}</label>
      <input type="text" 
      value={state} 
      name={name}
      onChange={(e) => setState(e.target.value)} />

      {state}
    </div>
  );

}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

object` ("[object Response]") 无法序列化为 JSON?

我试图通过代码使用我的 api 我收到此错误

object`(“[object Response]”)无法序列化为 JSON

但是当我通过浏览器调用或使用这个 api 时,我得到了响应。

这是我的代码 https://codesandbox.io/s/naughty-platform-1xket?file=/pages/index.js

我像这样使用我的 api

 console.log("-----");
  const cc = await fetch("https://1xket.sse.codesandbox.io/api/basecss/");
  console.log(cc, "llll");
Run Code Online (Sandbox Code Playgroud)

API设计

export default async (req, res) => {
  const stylesheet = await (
    await fetch("https://www.****.com/asset/web/css/***-base.css", {})
  ).text();
  console.log(stylesheet, "server");
  res.status(200).send(stylesheet);
};
Run Code Online (Sandbox Code Playgroud)

我在服务器上获取此控制台值。但是当我通过代码调用这个 api 时,我收到了这个错误

object` ("[object Response]") cannot be serialized as JSON. Please only return JSON serializable data types
Run Code Online (Sandbox Code Playgroud)

javascript node.js reactjs fetch-api next.js

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

为什么在 WebStorm 中代码缩进或美化添加分号?

我在我的 Angular 项目中使用 WebStorm,但在arrow函数中遇到了分号问题。

在此处输入图片说明

当我删除semicolon它时,它会删除此错误。但是将来每当我使用Command + Option + L插入arrow函数的分号美化我的文件时。

提出解决方案

  1. 我将如何更改 TSLint 设置以使其不显示错误?
  2. 或者我需要更改哪些 IntelliJ 设置,以便它不会添加semicolon美化或缩进?

TSLint 文件

{
  "rulesDirectory": [
    "node_modules/codelyzer"
  ],
  "rules": {
    "arrow-return-shorthand": true,
    "callable-types": true,
    "class-name": true,
    "comment-format": [
      true,
      "check-space"
    ],
    "curly": true,
    "deprecation": {
      "severity": "warn"
    },
    "eofline": true,
    "forin": true,
    "import-blacklist": [
      true,
      "rxjs/Rx"
    ],
    "import-spacing": true,
    "indent": [
      true,
      "spaces"
    ],
    "interface-over-type-literal": true,
    "label-position": true,
    "max-line-length": [
      true,
      140
    ],
    "member-access": false, …
Run Code Online (Sandbox Code Playgroud)

intellij-idea webstorm angular

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

如何在文件选择器中获取文件名反应?

你能告诉我如何在文件选择器中获取文件名吗?从file chooser 这里选择文件后,我试图在输入字段中设置值是我的代码 https://stackblitz.com/edit/react-d4kp1d?file=bulk.js 我试过这样

<input
        id="file_input_file"
        className="none"
        type="file"
        ref={inputRef }
        onChange={(e)=>{
          console.log('---')
          console.log(inputRef.current[0].files[0].name)

        }}
      />
Run Code Online (Sandbox Code Playgroud)

它给了我 undefined

javascript reactjs redux

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