我正在使用Gulp将我的sass编译成css.一个简单的任务编译目录中的style.scss文件,_/sass并将输出保存到项目的根目录中.style.scss仅用于导入目录中的其他文件_/sass.
当我从命令行($ gulp)运行默认任务时,我得到一个sass无法编译的错误.它包含在下面.我已从包含的文件中删除所有内容并再次运行该任务.我仍然收到相同的错误(我在网上看到的建议这可能会测试编码问题.我不完全理解编码以及这可能会破坏我的场景中的事情).
我也从命令行运行,$ sass _/sass/style.scss style.css它与包含文件中的内容完美配合.这告诉我gulp sass插件本身存在问题.
来自gulpfile.js的相关片段:
var gulp = require('gulp');
var sass = require('gulp-sass');
// Compile sass files
gulp.task('sass', function () {
gulp.src('./_/sass/style.scss')
.pipe(sass())
.pipe(gulp.dest('./'));
});
// The default task (called when you run `gulp`)
gulp.task('default', function() {
gulp.run('sass');
// Watch files and run tasks if they change
gulp.watch(['./_/sass/style.scss'], function() {
gulp.run('sass');
})
});
style.scss的全部内容:
/* RESET */
@import '_/sass/reset';
/* TYPOGRAPHY */
@import '_/sass/typography'; …经过许多教程后,我正在构建我的第一个正确的angular.js应用程序.我遇到了该ngChange指令的问题.每次用户更改下拉列表的值时,我都会尝试使用它来调用函数.我发现它在页面加载时多次调用该函数,并且每次选择该选项时也会多次调用该函数.
我把这个jsfiddle放在一起,它展示了我遇到的问题.
我想知道为什么它会表现出这种行为,以及如何实现每个选项更改的一个函数调用的期望结果,并且不会调用change()页面加载.(这个第二个标准对我的应用程序不太重要,但我想知道如何抑制这种行为).
我已经为那些能够立即发现错误的人复制了以下代码.
<body ng-app ng-controller="Controller">
<div>
<h2>Number of changes: {{numOfChanges}}</h2>
<select ng-change="{{change()}}" ng-model="currentSelection">
<option ng-repeat="option in options">{{option}}</option>
</select>
</div>
</body>
Controller = function($scope) {
$scope.numOfChanges = 0;
$scope.change = function() {
$scope.numOfChanges++;
}
$scope.options = ["do", "ray", "me", "far", "so", "la", "tee","dah"]
}
我知道这很可能是由于我对角度方法的不当使用/理解.我很感激解决这个小例子的所有缺点的答案.