When I open the page it does not throw a 'true' as it should, but it shows me {{ 2 > 1 }} as if it did not recognize the controller.
What can I do? Do I have an error?
I have to say that I am still learning how the recent versions of angular work.
var app = angular.module('refinanciadorApp', []);
app.controller('mainCtrl', function(){
})<!doctype html>
<html lang="en" ng-app="refinanciadorApp">
<head>
<meta charset="utf-8">
<title>Refinanciador</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!--bootstrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body ng-controller="mainCtrl as vm">
<h1>The sky is {{ 2>1 }}ly blue</h1>
<!-- jQuery (necessary for Boostratp's JS plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!--compiled plugins -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<Script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js" charset="utf-8"></Script>
<script src="app.js" charset="utf-8"></script>
</body>
</html>The JS part has nothing because I only need that 'true'