我在第一个角度项目中使用jquery bxslider.它不适用于ng视图中的模板.如果使用没有ng视图的那个意味着它正在工作.
这是我的HTML页面:
<!doctype html>
<html ng-app="appSathya">
<head>
<meta charset="utf-8">
<title>Modest</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jquery.bxslider.css">
</head>
<body>
<header ng-include='"template/header.html"'></header>
<section ng-view></section>
<script src="js/angular.js"></script>
<script src="js/angular-route.min.js"></script>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script src="js/main.js"></script>
</body>
</html>
这是我的javascript文件
// JavaScript Document
var app = angular.module('appSathya', ['ngRoute']);
app.config(['$routeProvider', function ($routeProvider) {
$routeProvider
// Home
.when("/", {templateUrl: "partials/home.html", controller: "PageCtrl"})
}]);
app.controller('menuController', function($scope){
$scope.menus = [
{mitem:"Home", murl:"#/link"},
{mitem:"About", murl:"#/link"},
{mitem:"Work", murl:"#/link"},
{mitem:"Team", murl:"#/link"},
{mitem:"Services", murl:"#/link"},
{mitem:"Features", …我有一组两个数组.一个包含一些水果值作为字符串,另一个包含一些随机数.在这里我认为数字数组是fruits数组的索引.如何根据索引数组中的数字获得新的水果数组？
示例代码:
var resultArr = [];
var fruitier = ["apple", "orange", "grapes", "pineapple", "fig", "banana", "jackfruit", "pomegranate"];
var indexArr = [0, 2, 4];
输出:
resultArr = ["apple", "grapes", "fig"];
我正在使用反应材料 ui 创建日期范围选择器。此功能背后的逻辑是选择所需日期，如果已选择所需日期，则禁用所选日期中的所有过去日期。如何实现这个反应材料ui？
这是我的代码，
import React from 'react';
import {render} from 'react-dom';
import DatePicker from 'material-ui/DatePicker';
function disablePrevDates(date) {
return date.getDay() === 0;
}
class App extends React.Component {
render() {
return (
<div>
<DatePicker hintText="Check-in" shouldDisableDate={disablePrevDates} />
</div>
)
}
}
export default App;
我在react js中使用onDrag方法.我想在拖动图像时发生拖动,但我不想显示重影图像.我使用了css"-webkit-user-drag:none",但它完全阻止了拖动功能.我希望两者同时工作.
示例代码,
<img
style={{ left: `${pixels}px` }}
onDrag={this.dragOn.bind('start')}
onDragEnd={this.dragOn.bind(this, 'end')}
alt=""
height="20"
width="15"
draggable="true"
在这里,我已经在一个数组中存储了四个对象.我想只显示ReactDOM.render方法中的前两个对象.
目前,显示所有项目.我使用jQuery map函数循环遍历数组.
如何只显示前两个对象？
var data = [
{id:1, content:'test1'},
{id:2, content:'test2'},
{id:3, content:'test3'},
{id:4, content:'test4'}
];
var UserList = React.createClass({
render: function() {
var Users = this.props.data.map(function(el, i){
return <li key={i}>{el.content}</li>;
});
return (
<ul>{Users}</ul>
);
}
});
ReactDOM.render(
<UserList data={data} />,
document.getElementById('container')
);
我已将所有类存储为数组.而且我还添加了一个属性元素,也包含一个数组.我想在触发元素上添加属性值作为类.如何实现这个逻辑？
var $coverPosition = ['left', 'right', 'top', 'bottom', 'centerxy']
$('.posRow').on('click', function(){
$('.coverBg').removeClass($coverPosition).addClass($(this).data('class'));
});
我的html结构是,
<div class="coverBg left">
</div>
<a href="#" class="posRow" data-class="top">
</a>
有时coverBg元素类可能是'left right'
所以,我将过滤后的id放在一个数组中,并将所有数据放在另一个对象数组中.我想显示值数组中提到的过滤的id值.
var allData = [
{
id:'10',
name:'jhon'
},
{
id:'11',
name:'lewis'
},
{
id:'12',
name:'taylor'
},
{
id:'13',
name:'adam'
},
{
id:'14',
name:'bolive'
}
];
var addedIds = ['10', '12', '14'];
我的javascript代码,
allData.filter(data, function (item) {
item.map(function(list, i) {
if (list.id.indexOf(addedIds[i]) === -1) {
return;
}
console.log(list);
});
});
我有一个字符串,如下所示
var str = "This product price is £15.00 and old price is £19.00";
我需要得到以"£"开头的词; 结果应为"£15.00""£19.00"我如何在Javascript中执行此操作？
我有一个包含多个对象的数组.在该数组中,每个对象具有两个或更多个子对象.我想将所有子对象聚合成一个数据数组.如何使用javascript？
var array1 = [
{
"dfgasg24":{
name:"a",
id:1
},
"dfgare24":{
name:"b",
id:2
}
},
{
"wegasg24":{
name:"ab",
id:76
},
"yugasg24":{
name:"bc",
id:34
},
"yugasg26":{
name:"dc",
id:45
}
}
]
我想要的输出是这样的,
var result = [
{
name:"a",
id:1
},
{
name:"b",
id:2
},
{
name:"ab",
id:76
},
{
name:"bc",
id:34
},
{
name:"dc",
id:45
}
];
我在互联网上搜索了过去 8 个小时。我没有得到任何关于 reactjs 的教程。他们是否有在 reactjs 中使用 twilio 发送短信的最佳教程？