How to pass parameter from page to controller in angular.js?

Question

JavaScript

The question arose of how to most correctly pass a php variable from an already rendered page to the controller without littering the window, Google suggested this option:

angular.element(document).ready(function () {
    angular.module('AppName').value('name', {{$someValue}});
    angular.bootstrap(document.html, ['AppName']);
});

But for some reason, Angular requires a nameProvider, although in none of the examples did anyone create a provider...

Answer 1

Make a directive and pass data from php to its attribute.

<your-directive param="<?php _значение_параметра_ ?>"></your-directive>

Answer 2

You can also use the ng-init attribute, but you need the variable to be passed to the function, something like this:

<div ng-controller="SomeController as vm">
    <div ng-init="vm.init('name', '<?= $value>')">
    </div>
</div>