我在Angular 2中有一个名为my-comp的组件:
<my-comp></my-comp>
如何在Angular 2中设置此组件的主机元素的样式？
在Polymer中,您将使用":host"选择器.我在Angular 2中尝试过它.但它不起作用.
:host {
display: block;
width: 100%;
height: 100%;
}
我也尝试使用组件作为选择器:
my-comp {
display: block;
width: 100%;
height: 100%;
}
这两种方法似乎都不起作用.
谢谢.
我正在尝试使用Bootstrap为程序创建一个接口.我在<head>标签中添加了jQuery 1.11.0,并认为就是这样,但是当我在浏览器中启动网页时,jQuery报告错误:
Uncaught Error: Bootstrap's JavaScript requires jQuery
我尝试过使用jQuery 1.9.0,我尝试过在几个CDN上托管的副本,但我无法让它工作.谁能指出我做错了什么？
我正在尝试纠正CSS 2.1中常见的IE漏洞,需要一种方法来改变元素样式属性以添加自定义文本对齐样式.
目前在jQuery中你可以做类似的事情
$(this).width() or $(this).height()
但我似乎无法找到一种改变文本的好方法 - 使用相同的方法.
该项已经有一个类,我在该类中设置text-align没有运气.在定义类之后,是否可以只向该元素添加text-align CSS属性？
我有类似的东西
$(this).css("text-align", "center");
在我的宽度调整之后,在我在firebug中查看之后,我看到只有"width"是样式上设置的唯一属性.有帮助吗？
编辑:
哇 - 对这个问题的回应很大!关于手头问题的更多细节:
我正在调整jqGrid A3.5 的js源来做一些自定义子网格工作,而我正在调整的实际JS如下所示(抱歉在上面的例子中使用"this",但是我想保持这个简单简洁)
var subGridJson = function(sjxml, sbid) {
var tbl, trdiv, tddiv, result = "", i, cur, sgmap,
dummy = document.createElement("table");
tbl = document.createElement("tbody");
$(dummy).attr({ cellSpacing: "0", cellPadding: "0", border: "0" });
trdiv = document.createElement("tr");
for (i = 0; i < ts.p.subGridModel[0].name.length; i++) {
tddiv = document.createElement("th");
tddiv.className = "ui-state-default ui-th-column";
$(tddiv).html(ts.p.subGridModel[0].name[i]);
$(tddiv).width(ts.p.subGridModel[0].width[i]);
trdiv.appendChild(tddiv);
}
tbl.appendChild(trdiv);
}
我已经尝试了下面的两个(从提供的答案)没有运气.
$(tddiv).width(ts.p.subGridModel[0].width[i]).attr('style', …我想用CSS控制布局.如何<input>使用CSS 调节元素之间的空间(我希望它们在两行上)？
<form name="publish" id="publish" action="publishprocess.php" method="post">
Title:<input type="text" id="title" name="title" size="60" maxlength="110" value="<?php echo $title ?>" <br/>
<div>Contact<input type="text" id="contact" name="contact" size="24" maxlength="30" value="<?php echo $contact ?>" /></div><br/> Task description(You may include task description, requirements on bidders, time requirements,etc):<br/>
<textarea name="detail" id="detail" rows="7" cols="60" style="font-family:Arial, Helvetica, sans-serif"><?php echo $detail ?></textarea>
<br/><br/> price <input type="text" id="price" name="price" size="10" maxlength="20" value="<?php echo $price ?>" /><br/>
<label> Skill or Knowledge Tags</label><br/><input class="tagvalidate" type="text" id="tag" name="tag" size="40" maxlength="60" value="<?php echo $tag …我有以下数组:
$myarray = Array("2011-06-21", "2011-06-22", "2011-06-22", "2011-06-23", "2011-06-23", "2011-06-24", "2011-06-24", "2011-06-25", "2011-06-25", "2011-06-26");
var_dump($myarray);
结果:
Array (
[0] => 2011-06-21
[1] => 2011-06-22
[2] => 2011-06-22
[3] => 2011-06-23
[4] => 2011-06-23
[5] => 2011-06-24
[6] => 2011-06-24
[7] => 2011-06-25
[8] => 2011-06-25
[9] => 2011-06-26
)
当我根据这个答案尝试渲染django-bootstrap-datepicker-plus小部件时,我有些不便.一切正常,但Datepicker没有出现.
我的Django版本是1.10.7,我使用的第三方应用程序是:
pip install django-bootstrap3)pip install django-bootstrap-datepicker-plus)这是我的forms.py,我DateInput根据我的需要覆盖类来定制它.
from django import forms
from bootstrap_datepicker.widgets import DatePicker
class DateInput(DatePicker):
def __init__(self):
DatePicker.__init__(self,format="%Y-%m-%d")
class UserUpdateForm(forms.ModelForm):
class Meta:
widgets = {
'date_of_birth': DateInput(), # datepicker
'creation_date': DateInput(), # datepicker
}
fields = ("other fields", "date_of_birth", "creation_date", "other fields",)
model = get_user_model()
然后在我的模板表单中,我有一些名为layout.htmlMy template的基本主模板,我user_form.html希望在其中呈现前面提到的表单字段.所有这个模板都有一些div和html结构,你可以在这里看到user_form.html文件.
在我的settings.py的bootstrap设置中,我必须include_jquery …
javascript django datepicker django-forms bootstrap-datepicker
在我的应用程序中,用户可以为其他用户发布挑战 因此,在成功发布挑战后,我正在显示一条相同的flash消息.但现在我想在几秒钟后隐藏这条消息.所以我写了以下代码:
$(document).ready(function(){
setTimeout(function() {
$("#successMessage").hide('blind', {}, 500)
}, 5000);
});
<div id="successMessage" style="text-align:center; width:100%">
<FONT color="green">
<%if flash[:alert]=="Your challenge is posted successfully."%>
<h4><%= flash[:alert] if flash[:alert].present? %>
<%end%>
</font>
</div>
但是这段代码并没有隐藏div"successMessage".
我正在实现一个查询,使用chartjs绘制一个多线图.我有一系列日期
["2016-10-16","2016-10-17","2016-10-18","2016-10-19","2016-10-20","2016-10-21","2016-10-22","2016-10-23","2016-10-24","2016-10-25","2016-10-26","2016-10-27","2016-10-28","2016-10-29","2016-10-30","2016-10-31","2016-11-01","2016-11-02","2016-11-03","2016-11-04","2016-11-05","2016-11-06","2016-11-07","2016-11-08","2016-11-09","2016-11-10","2016-11-11","2016-11-12","2016-11-13","2016-11-14","2016-11-15","2016-11-16"]
此数组的日期介于"2016-11-16"和"2016-10-16"之间.
我已经创建了一个模型Tickets,并且我写了一个查询来获取分组的票数tickets.status.
$join = $this->tickets();
$tickets = $join
->when($category, function($query) use ($category) {
$ranges = $this->dateRange($category);
return $query->whereBetween('tickets.created_at', $ranges);
})
->select(DB::raw('COUNT(tickets.id) as tickets'), 'ticket_status.name as name', 'tickets.created_at')
->groupBy('ticket_status.name', 'tickets.created_at')
->get();
执行此查询我得到了
[
{
"tickets":"1",
"name":"Closed",
"created_at":"2016-11-08 14:07:32"
},
{
"tickets":"1",
"name":"Open",
"created_at":"2016-11-08 14:07:32"
},
{
"tickets":"1",
"name":"Open",
"created_at":"2016-11-11 12:24:39"
},
{
"tickets":"1",
"name":"Open",
"created_at":"2016-11-11 12:26:38"
},
{
"tickets":"1",
"name":"Open",
"created_at":"2016-11-11 12:27:04"
},
{
"tickets":"1",
"name":"Open",
"created_at":"2016-11-11 12:27:49"
},
{
"tickets":"1",
"name":"Open",
"created_at":"2016-11-11 12:28:47"
}, …我创建了一个javascript类TkpSlider,受益于这个w3schools页面.(JSFiddle)
var TkpSlider = function (args) {
args= args|| {};
};
var mainSwiper = new TkpSlider();
我已经扩展了这个以添加一些从该页面启发的滑动功能,以便我可以在用户滑动时使用滑块.(JSFiddle)
var TkpSwiper = function (args) {
TkpSlider.call(this, args);
};
TkpSwiper.prototype = Object.create(TkpSlider.prototype);
var mainSwiper = new TkpSwiper();
我将代码分开,所以我不会在以后从基本代码和任何其他函数中感到困惑.但是对于OOP,我必须通过为它创建一个新名称来扩展TkpSwiper,但我想找到另一种使用相同名称TkpSlider的方法.
我看到了这篇文章,并试图在这个JSFiddle(下面的代码段)中使用prototype来扩展TkpSlider.问题是我无法从子类访问基类的公共方法.我测试过的博客中的示例javascript,我必须遗漏我的代码.任何人都可以有所了解吗？谢谢.
var TkpSlider = function (args) {
args= args|| {};
//private variable
var btnPrev = args.btnPrev || "tkp-slide-btn-prev";//class for previous button (default: "tkp-slide-btn-prev")
var btnNext …我正在使用CRM系统,我无法控制系统生成的HTML.这是我正在处理的最简单的HTML标记形式.
<button id="cmdedit">Edit</button>
<textarea cols="30" rows="10"> Hi there </textarea>
<iframe src="s_blank.html" frameborder="0"></iframe>
我想<button>在页面加载后隐藏cmdedit .我只能更改<textarea>插入到DOM中的内容作为<iframe>页面加载时的以下HTML内容.我可以包含<script>标记并编写javascript或Jquery语句,<iframe>并且javascript警告语句可以正常工作.我试图隐藏<button>使用以下代码,但在页面加载后都不起作用.
iframe中的脚本:
<script type="text/javascript">
$(document).ready(function(){
var MyRoleList = "@me.rolelist@";
if (MyRoleList.indexOf(",9875,") > -1){
alert('aaa');
$('#cmdedit').hide();
}
});
</script>
系统生成完整的HTML:
<html lang="en"><head>
<title>Examinee Notice</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="SHORTCUT ICON" href="/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="/css/ccss/styles_common_basic_404048.css?version=201711.05">
<link rel="stylesheet" type="text/css" media="screen" href="/jquery/jquery-confirm-master/css/jquery-confirm.css?v=201711.05">
<script language="JavaScript" src="/jquery/jquery.js?v=201711.05"></script><style></style>
<script type="text/javascript" src="/jquery/jquery-confirm-master/dist/jquery-confirm.min.js?v=201711.05"></script>
<script type="text/javascript" language="JavaScript" src="/Ajax/uta/uta.js?v=201711.05"></script>
<script type="text/javascript" language="JavaScript" src="/js/ssvalidate.js?v=201711.05"></script> …css ×4
jquery ×4
javascript ×3
html ×2
php ×2
angular ×1
arrays ×1
base-class ×1
chart.js ×1
date ×1
datepicker ×1
django ×1
django-forms ×1
duplicates ×1
extending ×1
iframe ×1
key ×1
laravel ×1
layout ×1
mysql ×1
oop ×1
parent ×1
prototype ×1
text-align ×1
window ×1