小编Ate*_*pra的帖子

使用ng-class中的参数传递函数来获取类

我正在尝试使用ng-class of angular.我有一个函数,它根据我们发送的参数返回类.我怎样才能实现它?

这是我试过的:

<div ng-class="{ getClass(key) }" >
Run Code Online (Sandbox Code Playgroud)

并在控制器中:

getClass = function(keyVal){
    angular.forEach(myArray, function(value, id){
        if(value.key === keyVal){
            console.log(value.class);
            return value.class;
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

只是返回一个字符串工作.但是当我添加这个anfular.forEach时,它停止了.在调试器中,循环正常工作并返回正确的数据.

我知道它可以通过过滤器来实现,但我只想这样做.

javascript angularjs

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

使用CSS在导航栏中显示边框三角形

我正在尝试创建一个带有箭头的导航栏,该项目位于项目上方.这是我想要做的:

在此输入图像描述

对于箭头,我使用了伪元素beforeafter.以下是一些代码:

body {
  background: #FFFFFF;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
.clear {
  clear: both;
}
.page-wrap {
  width: 980px;
  margin: 0px auto;
  height: 100%;
}
#main-menu {
  background: white;
  height: 55px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid black;
}
ul {
  font-family: Arial, Verdana;
  font-size: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul {
  display: none; …
Run Code Online (Sandbox Code Playgroud)

html css css-shapes

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

在AngularJS路由中传递多个参数

我正在尝试实现一个应该有多个参数的角度路径.这是我尝试过的一个例子:

.when('/myRoute/paramA/:paramA/paramB/:paramB/paramC/:paramC', {
    templateUrl: 'abc.html',
    controller: 'pwrController as pwrCtrl'
});
Run Code Online (Sandbox Code Playgroud)

现在的问题是我需要总是传递paramA才能传递paramB.并且paramA和paramB为了传递paramC.

有角度我可以独立传递paramA,paramB或paramC吗?

谢谢.!

angularjs angular-routing

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

卸载组件时取消图像加载

我有一个react应用程序,其中使用另一个名为的组件加载图像load-image

现在,我src转到load-image,它显示了一个不错的加载器,直到图像加载为止;加载时,它显示了一个很好的图像动画。

问题出现在这里。我打开了应用程序页面,所有图像开始加载。现在用户转到另一个页面,图像仍在加载。我可以看到它们正在控制台中加载。现在,我在控制台中收到此错误。

警告:setState(...):只能更新已安装或正在安装的组件。这通常意味着您在未安装的组件上调用了setState()。这是无人值守。请检查未定义组件的代码。

这是我的代码。

export default class LoadImage extends React.Component {

  constructor() {
    super();
    this.state = {
      isLoaded: false,
      isMounted: false,
    };
    this.onImageLoad = this.onImageLoad.bind(this);
  }

  componentDidMount() {
    const imgSrc = this.props.imageSrc;
    const img = new window.Image();
    img.onload = this.onImageLoad;
    img.src = imgSrc;
    this.setState({
      isMounted: true,
    });
  }
  componentWillUnmount() {
    this.setState({
      isMounted: false,
    });
  }

  onImageLoad() {
    const self = this;
    if (self.state.isMounted === true) {
      self.setState({
        isLoaded: true,
      });
    }
  }
  render() …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

5
推荐指数
2
解决办法
1505
查看次数

Redux:使用异步中间件与成功函数的调度操作

我正在尝试将Redux集成到我的React项目中.目前我没有使用任何Flux框架.

我的应用程序从API获取一些数据并以一种漂亮的方式显示它,如下所示:

componentDidMount() {
  getData();
}

getData() {
  const self = this;

  ajax({
    url: apiUrl,
  })
  .success(function(data) {
    self.setState({
      data: data,
    });
  })
  .error(function() {
    throw new Error('Server response failed.');
  });
}
Run Code Online (Sandbox Code Playgroud)

在阅读有关Redux的文章时,我已经确定了两种可行的方法,可用于处理在商店中存储我的成功数据:

  • 使用异步中间件,或
  • ADD_DATA从ajax函数的成功回调调度操作

但我不确定哪种方法更好.

回调中的调度操作听起来很容易实现和理解,而异步中间件更难以向不习惯使用函数式语言的人解释.

asynchronous reactjs redux redux-thunk

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

获取安全网站的公钥

除了使用浏览器之外,如何获取使用 https 协议的网站的公钥?还有其他方法吗?就像从终端一样。

更新 - 我想要所有的方法,以便我可以选择最适合我的方法

https public-key-encryption

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

检查未定义的对象后,"无法读取null的属性"

我有一个对象,我需要检查它是否已定义.另外,我还想检查该对象的属性是true还是false.

所以我想要的是

if ((typeof myVar !== 'undefined') && (myVar.isMale === false)) {
     // Do something 1
 }
 else{
      // Do something 2
 }
Run Code Online (Sandbox Code Playgroud)

但这种逻辑给了我错误

Uncaught TypeError: Cannot read property 'isMale' of null 
Run Code Online (Sandbox Code Playgroud)

什么是处理这种情况的最佳登录?

谢谢 !

javascript

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