Javascript Less Less.modifyVars不在Visual Studio中工作?
我试图在AngularJS函数中通过HTML动态更改LESS变量。我编写了相同的代码,并在xamp上运行,使用简单的HTML、CSS即可工作。现在,当我在VisualStudio的企业应用程序中放入相同的代码时,它就不起作用了。变量编译,函数工作。只是less.modifyVars不起作用,也不会在运行中改变。这就是我的HTML的外观Javascript Less Less.modifyVars不在Visual Studio中工作?,javascript,css,angularjs,visual-studio-2012,less,Javascript,Css,Angularjs,Visual Studio 2012,Less,我试图在AngularJS函数中通过HTML动态更改LESS变量。我编写了相同的代码,并在xamp上运行,使用简单的HTML、CSS即可工作。现在,当我在VisualStudio的企业应用程序中放入相同的代码时,它就不起作用了。变量编译,函数工作。只是less.modifyVars不起作用,也不会在运行中改变。这就是我的HTML的外观 <link rel="stylesheet/less" href="~/Content/brandnew.less"> <script>
<link rel="stylesheet/less" href="~/Content/brandnew.less">
<script>
var less = {
logLevel: 0,
env: "development"
};
</script>
<script src="~/Content/less.min.js"></script>
我的JS函数。这与我在本地主机上运行的函数完全相同。但它在VS上不起作用
$scope.changeLess = function() {
if ($scope.text) {
debugger;
less.modifyVars({
color: $scope.text
});
console.log($scope.text + ' inside $scope.text')
}
}
它正确地记录了函数,但是变量颜色没有改变。我试着用引号把它保持为“颜色”。试试这个:
less.modifyVars({
'@color': $scope.text
});
我发现了窃听器。应用程序已经预先呈现了代码,因此LESS文件中没有任何变量,因为它已经呈现了。这在VS中可以通过使用无点来实现。这就是代码寻找它的方式
<httpHandlers>
<add path="*.less" verb="GET" type="dotless.Core.LessCssHttpHandler, dotless.Core" />
</httpHandlers>
Visual Studio中正在使用哪个版本的less.js?
less.modifyVars({
'@color': $scope.text
});
<httpHandlers>
<add path="*.less" verb="GET" type="dotless.Core.LessCssHttpHandler, dotless.Core" />
</httpHandlers>