我是AngularJS的新手.我已经了解到我可以使用如下查询在DOM中找到元素:
var e = angular.element(document.querySelector('#id'));
var e = angular.element(elem.querySelector('.classname'));
Run Code Online (Sandbox Code Playgroud)
这对于按ID或CSS类名查找元素很有用.但是,我需要能够使用不同的方法找到元素.我有一个如下所示的元素:
<div my-directive class='myContainer'>...</div>
Run Code Online (Sandbox Code Playgroud)
我无法查询'myContainer',因为它重用了多少.出于这个原因,我想找到任何具有属性'my-directive'的元素.如何搜索DOM并找到使用'my-directive'的任何元素?
我有一个自定义对话框组件类,我试图测试.特别是我的近距离功能就是这个
close(): void {
this.dialogRef.close();
}
Run Code Online (Sandbox Code Playgroud)
dialogRef
注入该类构造函数,如下所示
constructor(public dialogRef: MatDialogRef<CustomDialogComponent>,
@Inject(MAT_DIALOG_DATA) public data: any) {
}
Run Code Online (Sandbox Code Playgroud)
所以我的问题是,我怎么能dialogRef
在我的spec测试文件中模拟并测试其关闭函数?
我的项目是使用角度5和角度材料5.
我的应用程序在负载均衡器后面的3台服务器上运行.因此它是无状态的,所有数据都存储在redis和MySQL中.
如果我的机器正在运行工匠cron调度程序,我假设相同的任务将运行3次.一旦在每台机器上,因为不知道它们之间共享的是什么,也就是数据库表.
有什么解决方案?
我从服务器收到一组复杂的对象。我想通过每个对象的子属性过滤原始数组以获取具有唯一对象的新数组,即:
let arr1 = originalArray;
let arr2 = originalArray.filter((ele, idx, arr) => ....
Run Code Online (Sandbox Code Playgroud)
例如,现在 arr1 由 3 个对象组成:
firstObj = {
id: 0,
Details:
{
License: 123456
},
name: 'abc'
};
secondObj = {
id: 1,
Details:
{
License: 131313
},
name: 'xcd'
};
thirdObj = {
id: 2,
Details:
{
License: 123456
},
name: 'bcd'
};
Run Code Online (Sandbox Code Playgroud)
所以,我想过滤数组,以便新返回的数组只包含两个对象,其中“许可证”属性将是唯一的,也就是说,将删除具有相同“许可证”的对象之一。谢谢。
我一直在工作岗位上使用Redactor Wysiwyg编辑器.然而,虽然他们的网站提到从字粘贴超级清洁,我得到了很多额外的空的<p>
和<br />
,即使在字标记有一个段落休息.可能导致这种情况的任何想法?还有其他人有同样的问题吗?
谢谢!玛丽亚
所以我基本上是想设置一个突出显示,如果一个对象已经被选中。如何比较对象以更改类?像这样
<[ngClass]="{{perkResult.perk === perk.perk}} ? 'highlight' : 'none-hightlight' ">
Run Code Online (Sandbox Code Playgroud)
当前代码:
<div class="col-xs-12">
<div class="col-xs-12 benefit-selection">
<ul class="benefits-dropdown-ul" *ngIf="perkList"> .
<a class="benefits-dropdown-div" *ngFor="let perkResult of perkList.results" (click)="onAddPerk(perkResult)">
//highlight here
<li class="benefits-dropdown-li">{{ perkResult.perk }}</li>
</a>
</ul>
</div>
</div>
<div class="col-xs-6 benefit-selected" *ngFor="let perk of company.perks; trackBy: customTrackBy; let i = inde
{{ perk.perk }}
</div>
Run Code Online (Sandbox Code Playgroud) 我想通过我控件中的$ scope更新一个名为hideProgressBar的变量,该视图中的指令"ng-hide".但它不起作用.
以下行有效:
$ Scope.hideProgessBar = true;
Run Code Online (Sandbox Code Playgroud)
但下面这行不起作用:
$ Scope.hideProgessBar = false;
Run Code Online (Sandbox Code Playgroud)
请参阅以下完整代码:
.controller('UltimasEdicoesCtrl', function($scope, $cordovaFileTransfer, $cordovaFileOpener2) {
$scope.hideProgessBar = true;
$scope.Download = function () {
$scope.hideProgessBar = false;
ionic.Platform.ready(function($scope){
var url = "http://www.wgontijo.com.br/teste.pdf";
var filename = url.split("/").pop();
var targetPath = cordova.file.externalRootDirectory + 'Pictures/' + filename;
$cordovaFileTransfer.download(url, targetPath, {}, true).then(function (result) {
$cordovaFileOpener2.open(
targetPath,
'application/pdf'
).then(function() {
// file opened successfully
}, function(err) {
alert('erro ao abrir o arquivo')
});
}, function (error) {
alert('Erro ao abrir o arquivo');
}, …
Run Code Online (Sandbox Code Playgroud) 我们使用preventDefault方法时有用吗?(在函数的开头和结尾处).我看过的所有教程都在函数结尾处放置了preventDefault,但我认为你要做的第一件事是阻止默认行为.我注意到它可以工作,如果它在函数的开头,它在函数的最后工作:
function calculateResults(e){
e.preventDefault();
//UI Vars
const amount = document.querySelector(`#amount`);
const interest = document.querySelector(`#interest`);
const years = document.querySelector(`#years`);
const monthlyPayment = document.querySelector(`#monthly-payment`);
const totalPayment = document.querySelector(`#total-payment`);
const totalInterest =document.querySelector(`#total-interest`);
const princapal = parseFloat(amount.value);
const calculatedInterest = parseFloat(interest.value)/100/12;
const calculatedPayment = parseFloat(years.value) * 12;
// compute monthly payments
const x = Math.pow(1 + calculatedInterest, calculatedPayment);
}
Run Code Online (Sandbox Code Playgroud)
VS
function calculateResults(e){
//UI Vars
const amount = document.querySelector(`#amount`);
const interest = document.querySelector(`#interest`);
const years = document.querySelector(`#years`);
const monthlyPayment = document.querySelector(`#monthly-payment`);
const totalPayment = document.querySelector(`#total-payment`); …
Run Code Online (Sandbox Code Playgroud) 我想使用 MVC 和 Angular 创建一个项目,并且考虑使用类似 html 的模板。这是最佳实践吗?如果我使用 html,我的应用程序或 Razor 之外的其他东西会失去安全性吗?
我有一个数组
fruit={sweet:'apple',dry:{f1:'raisin',f2:'almond'},sour:'strawberry'}
Run Code Online (Sandbox Code Playgroud)
它包含简单和嵌套的对象作为项目
我可以使用括号表示法引用 f1fruit[0]["dry"]["f1"]
但我有一个具有值的字符串变量var str="dry.f1"
运行时更改的值"str"
可能是"sweet"
或"dry.f1"
或"sour"
"str"
如果 str 的值是 "sweet"
或"sour"
fruit[str]
工作正常,我如何引用数组项
我们可以使用获取 f1 的值fruit[0].dry.f1
,但我需要使用变量 str 访问它
javascript ×5
typescript ×3
angular ×2
angularjs ×2
asp.net ×1
asp.net-mvc ×1
c# ×1
conditional ×1
css ×1
distributed ×1
html ×1
jquery ×1
laravel ×1
methods ×1
ng-class ×1
php ×1
redactor ×1
redis ×1