角定制指令.match不是函数

Question

我试图创建一个简单的角无线电群指令。组件将被传递一个字符串数组、一个id和一个属性，以便将所选选项绑定到。当我运行我的代码时，我会得到以下错误

angular.js:13642TypeError: a.match不是一个函数

下面是我所拥有的: app.js：

angular.module('atp', [])
.directive('appform', require('./application-directive'))
.directive('radioGroup', require('./radio-group/radio-group-directive'))
.directive('yesNoRadioGroup', require('./radio-group/yes-no-radio-group-directive'));

无线电-组-定向.：

function RadioGroupDirective(){
    return{
        restrict:'E',
        transclude:true,
        template:require('./radio-group-template.html'),
        replace:true,
        scope:{
            id:'=',
            selected:'=',
            options:'='
        }
     }
}
module.exports = RadioGroupDirective;

无线电组-template.html：

<div>
    <label for="{{radioGroupId}}"><ng-transclude></ng-transclude></label>
    <fieldset id="{{radioGroupId}}">
        <div ng-repeat="option in optionsArray track by $index">
            <label for="{{radioGroupId}}-{{$index}}">{{option}}</label>
            <input  id="{{radioGroupId}}-{{$index}}" type="radio" value="option" ng-model="selectedOption">
        </div>
    </fieldset>
</div>

是的-不-无线电-组-指导.yes：

function YesNoRadioGroupDirective() {
    return {
        restrict: 'E',
        transclude:true,
        template: require('./radio-group-template.html'),
        replace: true,
        scope: {
            RadioGroupId: '=',
            selectedOption: '=',
            optionsArray: ['Yes', 'No']
        }
    }
}
module.exports = YesNoRadioGroupDirective;

用法：

<form>
    <yes-no-radio-group radio-group-id="test" selected-option="Controller.Form.SelectedYesNo">Select Yes or No:</yes-no-radio-group>
    <radio-group radio-group-id="test-radio" options-array="['Hello World','Some Other Option']" selected="Controller.Form.SelectedYesNo">Select one of the options:</radio-group>
</form>

Answer 1

你为什么要这么做？首先不需要instance，其次如果需要html，则需要templateUrl而不是模板

template:require('./radio-group-template.html'),