Códigos QR con AngularJS y modelo dependiendo del scope

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js" type="text/javascript"></script>
  <script src="https://cdn.rawgit.com/janantala/angular-qr/master/lib/qrcode.js" type="text/javascript"></script>
  <script src="https://cdn.rawgit.com/janantala/angular-qr/master/src/angular-qr.js" type="text/javascript"></script>
  <script src="script.js"></script>
</head>

<body ng-app="CodigosQR">
  <div ng-controller="ControladorPrincipal">
    <qr text="texto"></qr>
  </div>
</body>
</html>

angular
  .module("CodigosQR", ["ja.qr"])
  .controller("ControladorPrincipal", ["$scope", function($scope) {
    $scope.texto = "Hola mundo, desde parzibyte.me/blog"
  }]);

/* Styles go here */