Html 如何将带有参数的函数从控制器调用到视图中，以及如何将该函数绑定到angularjs中的指令

标题中说明了这个问题。我有以下代码

JavaScript:

app.controller（“myCtrl”，函数（$scope）{//这是我的控制器
$scope.type=“type”；
$scope.swapChartType=函数（类型）{//单击按钮时折线图和条形图的函数
如果（$scope.type=='line'）{
$scope.type='bar'
}否则{
$scope.type='line'；
}
警报（$scope.type）；
}
//这是我的指令
应用指令（'hcLine'，函数（）{
返回{
限制：“CAE”，
替换：正确，
范围：{
项目：“=”，
标题：“=”，
图表类型：'='，//不工作
},
控制器：函数（$scope）{}，
模板：“”，
链接：函数（范围、元素、属性）{
//console.log（scope.type）；
var图表=新的Highcharts.图表({
图表：{
边框宽度：1，
背景颜色：“#736F6E”，
paddingTop:40，
marginLeft:50，
marginRight:50，
renderTo:元素[0]，
类型：scope.chartType
},
标题：{
风格：{
尺寸：14，
},
文本：scope.title
},
副标题:{
文本：空
},
xAxis：{
类别：[
“一月”，
二月,，
“三月”，
“四月”，
“五月”，
"六月",，
七月,，
"八月",，
"九月",，
“十月”，
十一月,，
“十二月”
],
},
系列：[{
名称：“值”，
颜色：“#0000FF”，
数据：scope.items
}],            
});
}
}
});
这是我的HTML:

app.controller（“myCtrl”，函数（$scope）{//这是我的控制器
$scope.type=“type”；
$scope.swapChartType=函数（类型）{//单击按钮时折线图和条形图的函数
如果（$scope.type=='line'）{
$scope.type='bar'
}否则{
$scope.type='line'；
}
警报（$scope.type）；
}
//这是我的指令
应用指令（'hcLine'，函数（）{
返回{
限制：“CAE”，
替换：正确，
范围：{
项目：“=”，
标题：“=”，
图表类型：'='，//不工作
},
控制器：函数（$scope）{}，
模板：“”，
链接：函数（范围、元素、属性）{
//console.log（scope.type）；
var图表=新的Highcharts.图表({
图表：{
边框宽度：1，
背景颜色：“#736F6E”，
paddingTop:40，
marginLeft:50，
marginRight:50，
renderTo:元素[0]，
类型：scope.chartType
},
标题：{
风格：{
尺寸：14，
},
文本：scope.title
},
副标题:{
文本：空
},
xAxis：{
类别：[
“一月”，
二月,，
“三月”，
“四月”，
“五月”，
"六月",，
七月,，
"八月",，
"九月",，
“十月”，
十一月,，
“十二月”
],
},
系列：[{
名称：“值”，
颜色：“#0000FF”，
数据：scope.items
}],            
});
}
}
});
这是我的HTML: