小编cha*_*tfl的帖子

AngularJS - 使用属性查找元素

我是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'的任何元素?

angularjs

36
推荐指数
3
解决办法
17万
查看次数

如何测试角度材料对话框?

我有一个自定义对话框组件类,我试图测试.特别是我的近距离功能就是这个

  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.

javascript typescript angular-material angular

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

Laravel安排在分布式应用程序上

我的应用程序在负载均衡器后面的3台服务器上运行.因此它是无状态的,所有数据都存储在redis和MySQL中.

如果我的机器正在运行工匠cron调度程序,我假设相同的任务将运行3次.一旦在每台机器上,因为不知道它们之间共享的是什么,也就是数据库表.

有什么解决方案?

php distributed redis laravel

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

通过比较子属性(打字稿)从数组中删除“重复”对象

我从服务器收到一组复杂的对象。我想通过每个对象的子属性过滤原始数组以获取具有唯一对象的新数组,即:

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)

所以,我想过滤数组,以便新返回的数组只包含两个对象,其中“许可证”属性将是唯一的,也就是说,将删除具有相同“许可证”的对象之一。谢谢。

javascript typescript

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

Redactor所见即所得 - 为什么粘贴不起作用

我一直在工作岗位上使用Redactor Wysiwyg编辑器.然而,虽然他们的网站提到从字粘贴超级清洁,我得到了很多额外的空的<p><br />,即使在字标记有一个段落休息.可能导致这种情况的任何想法?还有其他人有同样的问题吗?

谢谢!玛丽亚

jquery redactor

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

Angular 2 ngClass有条件的数据?

所以我基本上是想设置一个突出显示,如果一个对象已经被选中。如何比较对象以更改类?像这样

<[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)

css conditional ng-class angular

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

为什么Angular ng-hide无法正确更新

我想通过我控件中的$ 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)

javascript angularjs ionic-framework

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

我们使用preventDefault方法时有用吗?

我们使用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)

javascript methods preventdefault

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

cshtml和html有什么区别?

我想使用 MVC 和 Angular 创建一个项目,并且考虑使用类似 html 的模板。这是最佳实践吗?如果我使用 html,我的应用程序或 Razor 之外的其他东西会失去安全性吗?

html c# asp.net asp.net-mvc

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

如何使用字符串引用对象数组项?

我有一个数组

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 typescript

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