将角度表达式传递到Javascript中

下面我有一个角度表达式

{{USA_vists.max.value | number:0}}

，我想在JavaScript中使用它来生成图表。这是我当前的代码：

<!-- Angular expression -->

{{USA_Visits.maximum.value |number:0 }}


<!-- Chart code -->
<script>
var chart = AmCharts.makeChart("chartdiv", {
    "theme": "light",
    "type": "serial",
    "startDuration": 2,
    "dataProvider": [{
        "country": "USA",
        "visits": {{USA_Visits.maximum.value |number:0 }},
        "color": "#FF0F00"
    }, {
        "country": "Taiwan",
        "visits": 500,
        "color": "#333333"
    }],
    "valueAxes": [{
        "position": "left",
        "axisAlpha":0,
        "gridAlpha":0
    }],
    "graphs": [{
        "balloonText": "[[category]]: <b>[[value]]</b>",
        "colorField": "color",
        "fillAlphas": 0.85,
        "lineAlpha": 0.1,
        "type": "column",
        "topRadius":1,
        "valueField": "visits"
    }],
    "depth3D": 40,
    "angle": 30,
    "chartCursor": {
        "categoryBalloonEnabled": false,
        "cursorAlpha": 0,
        "zoomable": false
    },
    "categoryField": "country",
    "categoryAxis": {
        "gridPosition": "start",
        "axisAlpha":0,
        "gridAlpha":0

    },
    "export": {
        "enabled": true
     }

}, 0);
</script>

<!-- HTML -->
<div id="chartdiv"></div>

{{USA_visions.max.value}编号：0}
var chart=AmCharts.makeChart（“chartdiv”{
“主题”：“光”，
“类型”：“串行”，
“起始持续时间”：2，
“数据提供者”：[{
“国家”：“美国”，
“访问”：{{USA_visions.maximum.value | number:0}，
“颜色”：“FF0F00”
}, {
“国家”：“台湾”，
“访问”：500次，
“颜色”：“#333333”
}],
“价值轴”：[{
“位置”：“左”，
“axisAlpha”：0，
“gridAlpha”：0
}],
“图表”：[{
“文本”：“[[category]]：[[value]]”，
“颜色字段”：“颜色”，
“填充字母”：0.85，
“lineAlpha”：0.1，
“类型”：“列”，
“顶部半径”：1，
“valueField”：“访问”
}],
“深度3D”：40，
“角度”：30，
“图表光标”：{
“CategoryBallooneEnabled”：false，
“cursorAlpha”：0，
“可缩放”：错误
},
“类别字段”：“国家”，
“分类法”：{
“网格位置”：“开始”，
“axisAlpha”：0，
“gridAlpha”：0
},
“出口”：{
“已启用”：真
}
}, 0);

在JS代码中明确分配

“访问”：{{USA_visions.maximum.value | number:0}

不起作用。我该怎么做

谢谢

这个怎么样

<div id="chartdiv"></div>
<div ng-app="" ng-init="quantity=2000;cost=2">  
    <p id="usaVal">USA Value: {{ quantity * cost }}</p>   // give id as 'usaVal'
</div>  

更新

使用

console.log（usaVal.innerHTML），它将打印为“美国值：4000”

所以你像这样切片
usaVal

var usaVal = document.getElementById('usaVal');
var val = usaVal.innerHTML;
val = parseInt(val.slice(val.indexOf(':')+2, val.length));
var chart = AmCharts.makeChart("chartdiv", {
    "theme": "light",
    "type": "serial",
    "startDuration": 2,
    "dataProvider": [{
        "country": "USA",
        "visits": val,
     // I want to use {{ quantity * cost }} instead of 4000
        "color": "#FF0F00"
    },
    ....
});

这个怎么样

<div id="chartdiv"></div>
<div ng-app="" ng-init="quantity=2000;cost=2">  
    <p id="usaVal">USA Value: {{ quantity * cost }}</p>   // give id as 'usaVal'
</div>  



更新

使用
console.log（usaVal.innerHTML），它将打印为“美国值：4000”

所以你像这样切片
usaVal

var usaVal = document.getElementById('usaVal');
var val = usaVal.innerHTML;
val = parseInt(val.slice(val.indexOf(':')+2, val.length));
var chart = AmCharts.makeChart("chartdiv", {
    "theme": "light",
    "type": "serial",
    "startDuration": 2,
    "dataProvider": [{
        "country": "USA",
        "visits": val,
     // I want to use {{ quantity * cost }} instead of 4000
        "color": "#FF0F00"
    },
    ....
});

EDIT2

请参阅此最新版本

请运行下面的代码


angular.module（'myApp'，[]）；
有棱角的
.module（'myApp'）
.controller（'stretch'，函数（$scope）{
});
/**下面的代码将脱离上下文**/
angular.element（文档）.ready（函数（）{
var scope=angular.element（document.getElementById（'access'））.scope（）；
var chart=AmCharts.makeChart（“chartdiv”{
“主题”：“光”，
“类型”：“串行”，
“起始持续时间”：2，
“数据提供者”：[{
“国家”：“美国”，
“访问”：范围。数量*范围。成本，
//我想用{{quantity*cost}}代替4000
“颜色”：“FF0F00”
}, {
“国家”：“中国”，
“访问”：1882年，
“颜色”：“FF6600”
}, {
“国家”：“日本”，
“访问”：1809年，
“颜色”：“FF9E01”
}, {
“国家”：“德国”，
“访问”：1322次，
“颜色”：“FCD202”
}, {
“国家”：“英国”，
“访问”：1122次，
“颜色”：“#F8FF01”
}, {
“国家”：“法国”，
“访问”：1114，
“颜色”：“#B0DE09”
}, {
“国家”：“印度”，
“访问”：984，
“颜色”：“04D215”
}, {
“国家”：“西班牙”，
“访问”：711，
“颜色”：“0D8ECF”
}, {
“国家”：“荷兰”，
“访问”：665次，
“颜色”：“0D52D1”
}, {
“国家”：“俄罗斯”，
“访问”：580，
“颜色”：“2A0CD0”
}, {
“国家”：“韩国”，
“访问”：443，
“颜色”：“8A0CCF”
}, {
“国家”：“加拿大”，
“访问”：441，
“颜色”：“CD0D74”
}, {
“国家”：“巴西”，
“访问”：395次，
“颜色”：“754EB”
}, {
“国家”：“意大利”，
“访问”：386次，
“颜色”：“DDDDDD”
}, {
“国家”：“台湾”，
“访问”：338次，
“颜色”：“#333333”
}],
“价值轴”：[{
“位置”：“左”，
“axisAlpha”：0，
“gridAlpha”：0
}],
“图表”：[{
“文本”：“[[category]]：[[value]]”，
“颜色字段”：“颜色”，
“填充字母”：0.85，
“lineAlpha”：0.1，
“类型”：“列”，
“顶部半径”：1，
“valueField”：“访问”
}],
“深度3D”：40，
“角度”：30，
“图表光标”：{
“CategoryBallooneEnabled”：false，
“cursorAlpha”：0，
“可缩放”：错误
},
“类别字段”：“国家”，
“分类法”：{
“网格位置”：“开始”，
“axisAlpha”：0，
“gridAlpha”：0
},
“出口”：{
“已启用”：真
}
}, 0);
});

#chartdiv{
宽度：100%；
高度：500px；
}

{{数量}}
美国价值：{{数量*成本}
EDIT2

请参阅此最新版本

请运行下面的代码


angular.module（'myApp'，[]）；
有棱角的
.module（'myApp'）
.controller（'stretch'，函数（$scope）{
});
/**下面的代码将脱离上下文**/
angular.element（文档）.ready（函数（）{
var scope=angular.element（document.getElementById（'access'））.scope（）；
var chart=AmCharts.makeChart（“chartdiv”{
“主题”：“光”，
“类型”：“串行”，