小编Pet*_*eGO的帖子
AngularJS ng-repeat with filter - notarray error
我有一个我正在显示的项目列表ng-repeat.我想添加一个过滤器来显示/隐藏已归档的项目.
我添加了一个复选框:
<input type="checkbox" ng-model="queryFilter.archived">Show archived messages
在我的控制器中我有这个:
$scope.queryFilter = {
archived: false
};
我的项目列表显示在表格中.我尝试过以下方法:
<tr ng-repeat="message in messages | filter : queryFilter">
<tr ng-repeat="message in messages | filter : { archived: queryFilter.archived }">
<tr ng-repeat="message in messages | filter : queryFilter track by $index">
我收到此错误:
错误:[filter:notarray]
预期的阵列但收到:{}
过滤确实有效,但我想知道为什么我会收到错误.
推荐指数
解决办法
查看次数
CSS3 - 添加类以触发动画并在完成时删除类
我有一个div,当我点击它时,jquery添加了一个启动动画运行的类.当动画停止时(3秒后)我希望删除该类,这样当再次单击div时,动画将重新开始.
这只是测试,目前只有Chrome浏览器.
这是我的CSS3:
.spin360
{
-webkit-animation-name: spin;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes spin
{
0% { -webkit-transform: rotateX(0); }
100% { -webkit-transform: rotateX(-360deg); }
}
这是我的脚本:
<script type="text/javascript">
$(document).ready(function () {
$('#spinButton').click(function () {
$('#shape').addClass('spin360');
});
});
</script>
这是我尝试过的:
<script type="text/javascript">
$(document).ready(function () {
$('#spinButton').click(function () {
$('#shape').addClass('spin360').on('webkitAnimationEnd', function () {
$('#shape').removeClass('spin360');
});
});
});
</script>
和
<script type="text/javascript">
$(document).ready(function () {
$('#spinButton').click(function () {
$('#shape').addClass('spin360');
});
$('#spinButton').addEventListener('webkitAnimationEnd', function (e) {
$('#shape').removeClass('spin360');
});
});
</script> …推荐指数
解决办法
查看次数
ASP .NET 5 - 将文件从节点模块复制到wwwroot的繁琐任务
我有一个简单的ASP .NET 5空项目 - 安装了npm和grunt.
我已经使用npm来安装一些客户端库,目前位于我的ASP .NET项目下的node_modules目录中.
我想将相关文件(例如,jquery.min.js)从node_modules文件夹复制到wwwroot文件夹中.
我不清楚如何使用grunt来实现这一点 - 因为每个节点模块都有自己的依赖树,并且从包到包的文件结构似乎没有任何一致性.
我可以为我使用的每个客户端库明确编写一个grunt任务,但在这种情况下,我也可以手动下载所有内容并将文件手动放置在我需要的地方,避免npm一起使用.
我知道我可以使用bower,它有一个平坦的依赖树 - 这可能是我应该下去的根 - 但我读过一些文章说"没有必要使用bower - npm可以做到这一切"因此我会想知道是否有办法纯粹用npm这样做.
有办法吗？或者是"npm可以做到这一切"的声明,旨在require直接来自node_modules的组件的项目？
TL DR; 对于ASP .NET 5项目,bower是否比npm更适合分离源文件和构建文件,如果不是,那么纯粹使用npm的推荐方法是什么？
推荐指数
解决办法
查看次数
何时使用Process.EnterDebugMode
在关于Process.EnterDebugMode的MSDN页面上,它说:
某些操作系统进程以特殊模式运行.除非您在组件上调用了EnterDebugMode,否则无法读取这些进程的属性或附加到这些进程.
这里提到的特殊模式是什么？
推荐指数
解决办法
查看次数
C#auto-property snippet将get和set放在新行上
在Visual Studio 2015中,当我键入prop然后点击选项卡时,我调用自动属性片段并获取:
public property int MyProperty
{ get; set; }
但我想要的是这个:
public property MyProperty { get; set; }
如何让代码片段放在一行？
我在以下位置检查了XML文件:
C:\ Program Files(x86)\ Microsoft Visual Studio 14.0\VC#\ Snippets\1033\Visual C#\ prop.snippet
但它看起来对我来说没问题:
<Declarations>
<Literal>
<ID>type</ID>
<ToolTip>Property type</ToolTip>
<Default>int</Default>
</Literal>
<Literal>
<ID>property</ID>
<ToolTip>Property name</ToolTip>
<Default>MyProperty</Default>
</Literal>
</Declarations>
<Code Language="csharp"><![CDATA[public $type$ $property$ { get; set; }$end$]]>
</Code>
我没有安装ReSharper.
推荐指数
解决办法
查看次数
使用ffmpeg从28分钟视频复制5秒
如何使用ffmpeg(从Windows命令行)尝试复制5秒的mkv视频？
这是我尝试过的:
ffmpeg -ss 00:15:00 -i myVideo.mkv" -t 5 c:v copy c:a copy output.mkv
我收到这个错误:
[NULL @ 0000000004909a60] Unable to find a suitable output format for 'c:v'
c:v: Invalid argument
以下是视频信息:
Input #0, matroska,webm, from 'Title 01_02.mkv':
Duration: 00:28:18.57, start: 0.000000, bitrate: 10183 kb/s
Stream #0:0: Video: h264 (Constrained Baseline), yuv420p, 1920x1080 [SAR 1:1 DAR 16:9], 23.98 fps, 23.98 tbr, 1k tbn
, 48 tbc (default)
Stream #0:1: Audio: mp3, 44100 Hz, stereo, s16, 128 kb/s (default)
推荐指数
解决办法
查看次数
ASP .NET 5中的简单Angular SPA - 启动时获取空白页面
我正在尝试在ASP .NET 5中设置一个非常简单的Angular单页面应用程序.我已经开始了一个空项目 - 目前唯一的角度依赖是ngRoute.
问题:
当我运行项目时,我的浏览器中出现一个空白页 - 开发人员控制台中没有错误.
编辑
我[]从angular.module('app', []).controller建议中删除了但现在抛出了一个错误:
未捕获错误:[$ injector:modulerr]由于以下原因无法实例化模块应用程序:错误:[$ injector:unpr]未知提供程序:a
我正在使用npm,bower和grunt - 但我不认为他们与这个问题有任何关系.
这是项目结构的样子:
这是index.html:
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8" />
<title></title>
<!-- angular -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-route.js"></script>
<!-- app -->
<script src="app.js"></script>
</head>
<body ng-cloak>
<div ng-view>
</div>
</body>
</html>
这是app.js:
(function () {
'use strict';
var app = angular.module('app', ['ngRoute']);
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'Views/home.html',
controller: 'home'
})
.otherwise({
redirectTo: '/'
});
}); …javascript angularjs single-page-application angularjs-ng-route asp.net-core
推荐指数
解决办法
查看次数
AngularJS:在ng-view之外刷新角度范围
好的,所以我有一个基本的登录页面,当用户登录时我想在屏幕顶部的导航栏上显示更多细节.当他们点击退出时,它就会消失.这是在工作(在某种程度上)然而,为了让导航栏更改我需要刷新页面,当我只使用路由来改变我的ng-view中的内容时,这显然不会发生.
当用户单击"登录"时,他们的用户名存储在使用ng-view中的登录控制器调用的服务中.
authService.SetUsername(user.Username);
但是我想让它在我的导航栏控制器中生效,这个控制器在ng-view之外.
在这里你可以看到我修剪过的导航栏控制器如何使用它.
app.controller('navbarController', function ($scope, authService, $cookies, $location) {
$scope.displayUsername = authService.GetUsername();
});
但displayusername只有在刷新页面并重新加载控制器时才会更改.如何更新存储用户名的服务时,如何立即更改？
推荐指数
解决办法
查看次数
标签 统计
angularjs ×3
asp.net-core ×2
c# ×2
javascript ×2
addclass ×1
animation ×1
audio ×1
bower ×1
copy ×1
css3 ×1
debugging ×1
ffmpeg ×1
gruntjs ×1
jquery ×1
node-modules ×1
npm ×1
process ×1
removeclass ×1
video ×1