Angularjs&jQuery单击事件未触发

我正在动态创建一个标记，并在Angularjs中添加click事件。但点击事件并没有触发。我正在尝试不同的类型，但点击事件未触发

  var optionShow = $("<a class='scenarioShow optionShow' ng-click='showOptions()'></a>").text('+Show').addClass(action.Name);
                                   parentDivTag.append(optionShow);

or click='showOptions()'


  $rootScope.showOptions = function () {
                   alert('opt1');
               }
               function showOptions() {
                   alert('opt');
               }

               $(".optionShow").on("click", function () {
                   alert('on');
               });

IEVIEWSOURCE:

<a class="scenarioShow optionShow CreateAd" ng-click="showOptions()">+Show</a>
or
<a class="scenarioShow optionShow CreateAd" click="showOptions()">+Show</a>

---

为什么要混合使用jquery和angular？Angular可以完成所有的功能，为什么要把jquery搞得一团糟呢？此外，正确的属性是onclick not click。您不应该这样做，因为您正在用jqeury绑定一个事件侦听器。对于其他场景，我必须在我的逻辑中同时使用这两者。上面的代码只是示例。我不明白为什么这个代码不起作用。使用完整的示例生成JSFIDLE或类似的代码，表明此逻辑不起作用。或者，您也可以检查控制台是否存在错误，例如一些无关紧要的错误，比如脚本加载顺序不正确。