Javascript Less Less.modifyVars不在Visual Studio中工作?

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>

我试图在AngularJS函数中通过HTML动态更改LESS变量。我编写了相同的代码,并在xamp上运行,使用简单的HTML、CSS即可工作。现在,当我在VisualStudio的企业应用程序中放入相同的代码时,它就不起作用了。变量编译,函数工作。只是less.modifyVars不起作用,也不会在运行中改变。这就是我的HTML的外观

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