小编Roh*_*dal的帖子

如何为logging INFOin 指定单独的文件Laravel 5.1？

任何直接的帮助都将非常值得注意.谢谢

代码:

var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname +"?"+ queryStr; 
window.history.pushState({path:newurl},'',newurl)

当前情况:

每次window.history.pushState()调用时,favicon请求都会快速发生.它会在每次调用此函数时向网络请求图标.

预期方案:

favicon应该只在页面加载时加载一次,我不希望每个请求都加载favicon window.history.pushState().

favicon路径在HTML页面中是这样的链接:

<!-- Favicon -->
  <link rel="icon" type="image/png" href="../img/icon/favicon-16x16.png" sizes="16x16">
  <link rel="icon" type="image/png" href="../img/icon/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="../img/icon/favicon-96x96.png" sizes="96x96">

任何直接的帮助都将非常值得注意.谢谢

要求:我需要为data-binding属性编写单元测试HTML element.

这是代码:

<kendo-grid
            [kendoGridBinding]="gridData"
            [resizable]="true"
            style="height: 300px">
            <kendo-grid-column
                field="UnitPrice"
                title="Unit Price"
                [width]="180"
                filter="numeric"
                format="{0:c}">
            </kendo-grid-column>
</kendo-grid> 

我需要为resizable属性值编写单元测试.

到目前为止我尝试了什么:

  it('kendo-grid element should contain resizable attribute with "true" value', () => {
    const element = fixture.debugElement.nativeElement.querySelector('kendo-grid');
    expect(element.resizable).toBeTruthy();
  });

在运行Karma测试运行器时失败了.

任何帮助都会非常值得一提.

angular的一个好处是你可以拥有独立的模块,你可以在不同的地方重用它们.假设您有一个模块可以使用列表进行绘制,排序和执行许多操作.假设此模块将在您的应用程序周围使用.最后,说你想以不同的方式填充它.这是一个例子:

angular.module('list', []).controller('listController', ListController);
var app = angular.module('myapp', ['list']).controller('appController', AppController);

function AppController() {
  this.name = "Misae";
  this.fetch = function() {
    console.log("feching");
    //change ListController list
    //do something else
  }
}

function ListController() {
  this.list = [1, 2, 3];
  this.revert = function() {
    this.list.reverse();
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="app" ng-app="myapp" ng-controller="appController as App">

  <div class="filters">
    Name:
    <input type="text" ng-model="App.name" />
    <button ng-click="App.fetch()">Fetch</button>
  </div>

  <div class="list" ng-controller="listController as List">
    <button ng-click="List.revert()">Revert</button>
    <ul>
      <li ng-repeat="item in List.list">{{item}}</li>
    </ul>
  </div>

</div>

现在,当您单击"获取"按钮时,您将使用$http依此类推将名称(以及其他过滤器和内容)发送到API …

问题陈述 ：

在下面的stackblitz演示中，我能够FormGroup通过单击Add按钮并(blur)从一个控件触发事件以更新共享该控件的另一个控件的值，在网格的开头动态插入动态对象rowIndex。现在的问题是，如果我在多个新添加的对象上插入多个formGroups并触发(blur)事件，FormGroups它将更新其他控件的值以及具有不同的值rowIndex。

重现此问题的步骤：

• 打开下面的演示链接。
• 通过单击添加按钮添加多行（2行）。
• 在第二个新添加的行的名称字段中输入值，然后将焦点对准。
• 它会在两个新添加的行中更新年龄字段，而不是仅在第二行中更新。

Stackblitz演示： https ://stackblitz.com/edit/angular-oitz5j-4uezqr

要求：

跳出特定行的任何名称字段，同一行的“年龄”字段应显示一个随机数，而不会影响其他行。

到目前为止我尝试了什么？

• 试图使用Array unshift（）方法但出现错误

  类型“ FormArray”上不存在属性“ unshift”

• 尝试使用FormArray.insert（）方法。如果我们要FormGroup在特定索引处添加一个，它将可以工作。但是它无法FormGroups在FormArray动态顶部插入多个。

更新：如果没有Kendo Grid，上述问题可以正常工作。请检查以下演示。

演示： https : //stackblitz.com/edit/angular-oitz5j-2a31gs

github / stackoverflow中的相关问题：

https://github.com/angular/angular/issues/16322

Angular-表单数组推送特定索引

注意：如果我们要将控件添加到Grid的末尾，则它的工作原理很简单。请检查下面的演示，该演示在最后添加控件时效果很好。

演示： https : //stackblitz.com/edit/angular-oitz5j-aszrjq

未排序的数组[输入]:

["> 30 days", "< 7 days", "< 30 days", "< 10 days"];

数组中元素的格式总是如下: </> X days

要求:

上面提到的数组应该根据和排序greater then (>),lesser then symbol (<)并且还要记住天数(应该先减少天数).

预期数组[输出]:

["< 7 days", "< 10 days", "< 30 days", "> 30 days"];

到目前为止尝试过:

我尝试了Array.sort()函数但没有获得预期的输出.

var arr = ["> 30 days", "< 7 days", "< 30 days", "< 10 days"];

var sortedArr = arr.sort();

console.log(sortedArr); // ["< 30 days", "< 10 days", "< 7 days", "> 30 days"]

我在对vue.js 应用程序进行 Typescript 化时遇到了麻烦。我尝试从中提取一个参数route.params并将其分配给反应形式的属性。然而，TypeScript 给了我一个警告，参数的类型必须是string|string[]，因此不能将其分配给string属性。我想出的唯一解决方案如下：

form.productId = route.params.productId as string

我认为如果我可以输入 的参数，这将是一个更好的解决方案route.params，但我不知道该怎么做。如果有人可以提供帮助，我将不胜感激。

问题陈述 :

父组件中有<form>标签和一些<input>标签,子组件也有一些<input>标签,父组件有一个<submit>,我们在提交表单时验证表单字段.

如何验证表单<input>上父组件的子组件字段submit？

要求:

如果父组件的表单包含input其模板中包含组件的子组件,则input如果从父组件提交,则应在单击时验证这些组件.

发现 :

SO中有很多帖子有相同的问题陈述,但没有找到任何合适的解决方案.以下所有帖子都验证了整个表格,但我的要求是验证子组件中的每个字段.

• Angular 2验证与子组件一起使用
• 允许跨组件层次结构的模板驱动表单输入以使用单个父表单进行注册
• 如何在Angular 4中检查父组件中子组件表单的有效性

我是Angular应用程序中的角度翻译新手.

要求:

我必须创建一个多语言应用程序AngularJS,用户可以选择设置他的语言.因此,为此,我必须从文件加载翻译并保存该首选语言localStorage.因此,如果用户再次访问该应用程序,他将显示先前设置的语言.

到目前为止我做了什么:

使用的加载文件翻译 $translateProvider.useStaticFilesLoader

代码:

var app = angular.module("myLangApp", ['pascalprecht.translate'])
app.config(function($translateProvider) {
$translateProvider.useStaticFilesLoader({
        prefix: 'languages/',
        suffix: '.json'
      });
    $translateProvider.useLocalStorage();
});

如果我评论此行,应用程序工作正常:

// $translateProvider.useLocalStorage();

但是,如果我使用它,我在控制台上收到此错误:

我也把angular-translate-storage-local.min.js文件包含在我的index.html.但是没有成功.

我也在SO中看到了这些问题,但它们没有帮助: Angular-translate的localStorage:未知的提供者:$ translateLocalStorageProvider

任何直接的帮助都将非常值得注意.谢谢

在正常情况下，我们只需将翻译属性附加到变量上，例如：

this.name = this.$t('language.name');

但我想有时用一种特定的语言来具体说明（例如：法语）。我们可以在 中做这样的事情vue.js吗？

this.name = this.$t('language.name', locale: fr);