Javascript-форум - Функция при клике в AngularJS!

Добрый вечер!
Кто подсткажет , почему в таком случае функция say при клике не отрабатывает?

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"/>

    <script type="text/javascript"
            src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.js"></script>
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css"/>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/async/2.0.1/async.js"></script>
</head>
<body>

<div class="c" ng-controller="vv">


</div>

<script>
    var app = angular.module('app',[]);

    app.controller('vv', function ($scope) {
        console.log($scope);
        $('.c').append('<ul><li ng-click="say()">1</li> <li>2</li><li ng-click="say()">1</li> <li>2</li><li ng="click="say()">1</li> <li>2</li></ul>')

        $scope.say = function() {
            alert('ok');
        }
    });


</script>

</body>
</html>